开发情况下,js文件,模板文件等不是很重要的文件一般放在WebRoot根目录下,
这种情况下的模板文件中添加 css或者js 文件时是相对文件自身添加的,必要时可以通过..来返回到WebRoot根目录,例如:
WebRoot目录下有个 template目录,里面是一些模板文件html等,在这些html文件中添加js或css文件时,这样添加:
<script type="text/javascript" src="../js/xx.js"></script>
<link rel="stylesheet" type="text/css" href="../css/xx.css"/>
重要的jsp文件+html文件一般放在WEB-INF目录下,
这类文件中添加js或css文件时,直接添加就行(是相对根目录添加的,不是相对自己所在目录添加de),例如:
<script type="text/javascript" src="js/xx.js"></script>
<link rel="stylesheet" type="text/css" href="css/xx.css"/>
通过 <%@ include file="" %>或者 <jsp:include page="">引入是相对自身引入文件(WEB-INF目录下的文件)
通过<iframe name="hello" id="ok" src="hello.jsp" style="100%;height:100%;border:0"></iframe> 引入的src地址是绝对地址(WebRoot根目录)
WEB-INF目录下的文件相互访问时,是相对访问的,例如:
WEB-INF目录下有两个目录jsp(包含 test.jsp) + test(包含hello.jsp),这时,想要在test.jsp中引用hello.jsp时,需要通过相对位置来引入 ,如:
<jsp:include page="../test/hello.jsp"/>
<%@ include file="../test/hello.jsp" %>(这种情况下添加时,可能需要去掉jsp文件头部的path等path变量,虽然不知道为什么)
WEB-INF目录下的html文件引入 html / jsp 文件是相对项目根目录引用的,有点不同啊,比如:
<div style="1000px;height:700px;">
<iframe name="hello" id="ok" src="template/packet_information.html" style="100%;height:100%;border:0"></iframe>
</div>
其中,template目录是WebRoot目录下的子目录
iframe 引用文件是相对WebRoot根目录的