《jsp文件中引用外部.css或.js文件的路径问题.doc》由会员分享,可在线阅读,更多相关《jsp文件中引用外部.css或.js文件的路径问题.doc(5页珍藏版)》请在三一文库上搜索。
1、引用外部.css或.js文件的路径问题个人日记 2010-03-25 12:10:26 阅读135评论1 字号:大中小订阅 引用外部.css或.js文件的路径问题文章分类:Web前端jsp或html页面引用外部.css或.js文件时,注意路劲问题, 如果设置不当,会引用不到这些外部的文件假设使用下面的目录结构:-webapp卜MyProject目录卜-WebContent目录-scripts 目录-dtree.js 文件|styles目二 vscript type =text/javascriptsrc =./scripts/dtree.js vlink type=text/css rel=s
2、tylesheethref=./styles/main.css /v/script这样在页面使用 http:/localhost:8080/MyProject/test.jsp 访问test.jsp 时就可以引用到 dtree.js 和 main.css 。2. 使用相对于Web工程的相对路径对于1中的相对使用相对于于 jsp页面的相对路径的这种方 式,如果我们是设置 action跳转到test.jsp页面,那么这种使用相对路径的方式就引用不到了。例如我们当访问http:localhost:8080/MyProject/main.do的时候,页面跳转到test.jsp页面,如果使用方法1,就引
3、用不到了。这个时候我们可以使用相对于Web工程的相对路径来引用:Html代码url=http:/javatechnology urlrel =stylesheets v/script但是请注意:使用方法2这种方式引用,如果直接访问http:localhost:8080/MyProject/test.jsp,是引用不到的。3. 使用Web工程的绝对路径方法1和方法2都有缺点,都只适用一种情况,有没有两种情况都适用的呢?答案肯定的!我们使用绝对路径:Html代码url=http:/javatechnology url、 vlink type =text/css rel =stylesheethre
4、f =/MyProject/styles/main.css /vscript type =text/javascriptsrc =/MyProject/scripts/dtree.js vlink type=text/css rel=stylesheet href=/MyProject/styles/main.css /v/script这样,不管是通过跳转访问http:localhost:8080/MyProject/main.dotest.jsp 还是直接访问http:/localhost:8080/MyProject/test.jsp,都可以成功引用。注意:如果我们在部署 Web应用时,没有设置Context Root (一般情况下配置为工程名),也就是IP和端口后面不带应用名,女口 http:/localhost:8080/main.do 和 http:/localhost:8080/test.jsp ,这种情况在引用时就不能 带工程名了,应该这样:Html代码url=http:/javatechnologyurl匚