首页 技术 正文
技术 2022年11月23日
0 收藏 368 点赞 2,695 浏览 1295 个字

在jsp页面中添加base,可用相对路径:

<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>

然后在<head>标签内添加base

<base href="<%=basePath%>" rel="external nofollow" ></base>

 在本页面中“直接”引入外部文件时,可直接

<script src="js/common/jquery-1.11.1.min.js" language="javascript"
type="text/javascript"></script>
<script src="js/common/frame.js" language="javascript"
type="text/javascript"></script>
<link href="css/common/frame.css" rel="external nofollow" rel="external nofollow"
rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" rel="external nofollow" type="image/x-icon" />

同理,本页面中的css类

.top {
position: absolute;
left:;
top: 95px;
right:;
height: 120px;
background: url(images/common/title.jpg) repeat-x
}

====================例外情况:引入的外部css、js文件又引入image等时=================================

这时候如果也用相对路径的话,因为已经不在了jsp页面中,此时相对路径是相对于本css文件所在的目录:

如:棠棣新系统,index.jsp页面中引入的css文件

<link href="css/common/frame.css" rel="external nofollow"  rel="external nofollow"  rel="stylesheet" type="text/css" />

这时在jsp页面中,引入的js/common/frame.js是从网站跟目录开始寻找,没问题。

但在frame.js中有如下css

.show_menu{
background-image: url(images/left_bg.gif);
background-repeat: repeat-y;
background-position:285px 51px;
}

这种情况下直接url(images/left_bg.gif);是默认从本css文件所在目录(/css/common/frame.css)+url(images/left_bg.gif),所以此处需要的image需要单独配置,

改成

.show_menu{
background-image: url(../../images/left_bg.gif);
background-repeat: repeat-y;
background-position:285px 51px;
}
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,954
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,479
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,291
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,108
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,740
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,774