通过struts.xml配置映射后的jsp引入外部css和js的路径问题及css中图片url路径问题

1.  首先在我的主页面home.jsp上通过struts.xml配置文件通过Action映射:

                               

                                             

                                                         /home_news/news.jsp

                                              

                                 

实现跳转的话,如上跳到/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文件的相对文件路径为:

    "home_news/news.css">
   
       

   还有,此时在news.jsp页面上实现引入图片标签g 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:

  "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在同一目录下"


   

你可能感兴趣的:(web,前端成长之路)