码迷,mamicode.com
首页 > Web开发 > 详细

解决/WEB-INF目录下的jsp页面引入webRoot下的Js、css和图片的问题

时间:2018-01-17 15:54:26      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:jsp   root   get   相对路径   detail   保护   back   获取   相对   

转自:http://blog.csdn.net/qq_18875541/article/details/69390871

 

通常把jsp页面放在webRoot的/WEB-INF下可以防止访问者直接输入页面。

而webRoot的/WEB-INF下的页面是受保护的,用户无法通过形如http://localhost:8080/test/webRoot/WEB-INF/content/xx.jsp来访问,他们的访问都必须透过struts处理请求才能达到。

然而,当把页面放在/web-inf下面时,JSP页面还是避免不了跟“外部”的js,css,图片“交互”,因为需要引入一些webRoot/css, webRoot/js, webRoot/images,而此时很容易引入失败,一般来说,此时用相对路径行不通了,所以必须使用绝对路径!下面一一总结。

一、引入webRoot/css

<link href="<%=request.getContextPath()%>/css/default.css" rel="stylesheet" type="text/css"/>  

 这个<%=request.getContextPath()%>即为/hh_test(项目名称),而<%=request.getContextPath()%>/css则相当于用绝对路径直接定位到了webRoot/css.

二、引入webRoot/js

<script type="text/javascript"  language="javascript" src="<%=request.getContextPath()%>/js/jquery-1.4.4.min.js"></script>  

三、引入webRoot/images

<img src="<%=request.getContextPath()%>/images/4.gif"  alt="加载外部图片" />  

 

小结:最好把jsp页面放在/WEB-INF下,而jsp页面引入"外部”js,css,images时,必须获取项目的根路径,再加上/css(或/js 或/images)即使用绝对路径的方法,而不是相对路径的方法,才能访问到放置在webRoot下的资源!

 

解决/WEB-INF目录下的jsp页面引入webRoot下的Js、css和图片的问题

标签:jsp   root   get   相对路径   detail   保护   back   获取   相对   

原文地址:https://www.cnblogs.com/Deerjiadelu/p/8302819.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!