通过struts.xml配置映射后的jsp引入外部css和js的路径问题及css中图片url路径问题
来源:互联网 发布:ios11蜂窝移动数据设置 编辑:程序博客网 时间:2024/05/20 03:46
1. 首先在我的主页面home.jsp上通过struts.xml配置文件通过Action映射:
<package name="home_news" extends="struts-default" namespace="/home_news">
<action name="news">
<result>/home_news/news.jsp</result>
</action>
</package>
实现跳转的话,如上跳到/home_news/news.jsp,在news.jsp上引入在home-news文件夹下news.css和news.js文件必须注意了,虽然你是和news.jsp在同一个文件夹下,但是你最终要通过home.jsp上某些链接实现的话,引入news.css和news.js文件的相对路径必须是相对于home.jsp来说的。所以此时news.jsp引入news.css和news.js文件的相对文件路径为:
<link rel="stylesheet" type="text/css" href="home_news/news.css"><!--要加上"home_news/",而home_news文件夹和home.jsp在同一目录下-->
<script type="text/javascript" src="home_news/news.js">//要加上"home_news/"
</script>
还有,此时在news.jsp页面上实现引入图片标签<imgsrc="home_news/**.jpg"/>也必须加上"home_news/"
2. 关于外部引入的样式表表示对路径背景图片路径这种东东特别耐人琢磨,每次都得要通过几次尝试才能最终确定正确的图片的url地址呢。。。。通过相关实践经验和查询资料总结如下:
假设现在我的目录结构如下:
home[文件夹]
-img[图片全存放于此,假设有bg.jpg]
-css[所有的外部样式表存放于此,假设有home.css文件]
-js[所有的js文件存放于此]
home.jsp[home.jsp和home文件夹位于同一目录]
现在要在home.jsp引入home.css:
<link rel="stylesheet" type="text/css" href="home/home.css">
而在home.css中设置页面背景为图片bg.jpg,那么在home.css的background-image的url写法如下:
body{ backgroud-image:url(../img/bg.jpg);}
// "/ 表示根目录,意思就是home.css和bg.jpg在同一目录下"
// "./ 表示当前目录,意思就是home.css和bg.jpg所在目录img在同一目录下"
// "../ 表示上级目录,意思就是home.css所在的目录css和bg.jpg所在目录img在同一目录下"
- 通过struts.xml配置映射后的jsp引入外部css和js的路径问题及css中图片url路径问题
- jsp、css中引入外部资源相对路径的问题
- CI 引入JS,CSS,图片的路径问题
- 【CSS外部引入的路径】
- thyemleaf引入js和css路径问题
- 母版页中引用图片、外部js、css文件的路径问题
- 母版页中引用图片,外部js、css文件的路径问题
- jsp和css放置图片的路径问题
- struts中css与js路径问题
- 外部css文件背景图片引入路径问题
- css和js引用图片的路径问题
- JSP 里外部引用CSS样式的路径问题
- JSP 里外部引用CSS样式的路径问题
- 引入js、css等文件的路径问题
- jsp.html中的引入js.css文件的问题,以及文件路径详解。
- SpringMVC WEB项目 jsp引入的js,css,gif等类型文件找不到路径问题
- SpringMVC WEB项目 jsp引入的js,css文件找不到路径问题()
- jsp.html中的引入js.css文件的问题,以及文件路径详解。
- 蓝桥杯 地宫寻宝 带缓存的DFS
- xstream处理null值属性转换
- shell script in work
- jQuery中的live绑定多个事件整理
- MYSQL入门学习之一:基本操作
- 通过struts.xml配置映射后的jsp引入外部css和js的路径问题及css中图片url路径问题
- MFC中清除CAsyncSocket缓冲区
- Container With Most Water
- MyEclipse注释模板及示范
- MYSQL入门学习之二:使用正则表达式搜索
- MyEclipse安装插件的三种方法
- 黑马程序员---Java多线程
- Plus One
- 【剑指offer】面试题8:旋转数组中的最小值