• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JSP > jsp、css中引入外部资源相对路径问题分析

jsp、css中引入外部资源相对路径问题分析

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了jsp css样式,jsp引入css,jsp引用css,jsp导入css,在jsp中写css等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

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

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

<base href="<%=basePath%>"></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="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
</div>

同理,本页面中的css类

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

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

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

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

<link href="css/common/frame.css" 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;
}
</div>

这种情况下直接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;
}
</div>

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jsp、css中引入外部资源相对路径问题分析

相关文章

  • 2017-05-11Java Servlet和JSP教程
  • 2017-05-11基于JSP的动态网站开发技术
  • 2017-05-11在Windows/NT上建立JSP环境
  • 2017-05-11jsp 文件上传浏览,支持ie6,ie7,ie8
  • 2017-05-11JAVA/JSP学习系列之八(改写MySQL翻页例子)
  • 2017-05-11JBuilder2005开发Web应用程序
  • 2017-05-11CORBA对象生命周期
  • 2017-05-11Hibernate通用数据库操作代码
  • 2017-05-11深入浅析Jsp中 out.print 和 out.write 的区别
  • 2017-05-11用jsp页面生成随机的验证数字码示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Hibernate 查询方式总结
    • JSP学习之JavaBean用法分析
    • JSP模板应用指南(上)
    • Java Web项目前端规范(采用命名空间使js深度解耦合)
    • J2SE中的序默认序列化
    • Jquery、Ajax、Struts2完成定时刷新的方法
    • 处理jsp显示文字过长问题的解决方法
    • JAVA/JSP学习系列之六(MySQL翻页例子)
    • 浅析JSP的9大内置对象和4大作用域对象
    • jsp测试函数的运行速度方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有