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页面上实现引入图片标签<img src="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在同一目录下"