關(guān)于include標(biāo)簽導(dǎo)致js路徑找不到的問題分析及解決

2019-11-20 22:32:33

字體：大中小

供稿：網(wǎng)友

關(guān)于使用jsp:include標(biāo)簽及<%@ include標(biāo)簽時(shí)要注意的事項(xiàng)
先回憶一下二者的區(qū)別（對(duì)于此篇文章而言，二者在用法上沒有區(qū)別）
jsp:include是先編譯一下included.jsp文件，然后再包含(先編譯，后包含)
@ include是先把文件包含就來，然后統(tǒng)一編譯(先包含，后編譯)
今天下午想把Jquery集成到項(xiàng)目中，發(fā)現(xiàn)怎么樣都會(huì)出問題。原因就是路徑問題。
在集成時(shí)，我的思路是寫一個(gè)公共JSP文件，里面包含一些常用的js文件，當(dāng)然此處我用的就是Jquery插件了。
但寫完發(fā)現(xiàn)單獨(dú)測(cè)試公共JSP是可以使用的，但包含公共JSP頁面的頁面卻始終不能使用JQuery，開始還以為是加載順序的問題。

幾經(jīng)測(cè)試，終于發(fā)現(xiàn)了其中的問題。
由于做的項(xiàng)目文件較多，故文件都不放在一個(gè)文件夾下：在公共JSP頁面中，有

復(fù)制代碼代碼如下:

 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<script type="text/javascript" src="js/jquery132min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
alert('hello1'); 
}); 
</script> 

在調(diào)用它的時(shí)候，有：
<%@ include file="../../common_ext.jsp"%>
但這樣很可能導(dǎo)致錯(cuò)誤。

原因是，include之后，公共JSP被加載到自己的JSP，則JQueryr的相對(duì)位置已經(jīng)發(fā)生了變化。即公共JSP把JQuery的相對(duì)位置傳給了自己的JSP，但自己的JSP以自身為標(biāo)準(zhǔn)，通過路徑就找不到Jquery插件了。簡單地說，就是如果用相對(duì)路徑，則公共JSP中的路徑就應(yīng)該是相對(duì)自己jSP的路徑了。
但這樣顯然失去了它是公共JSP的意義，因此在這里用絕對(duì)路徑來做：

復(fù)制代碼代碼如下:

 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 
<% 
String tPath = request.getContextPath(); 
String tBasePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+tPath+"/"; 
%> 
<script type="text/javascript" src="<%=tBasePath%>js/jquery132min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
alert('hello1'); 
}); 
</script> 

這樣，只要在自己的jSP頁面中引入公共JSP就可以了。

上一篇：基于javascript 閉包基礎(chǔ)分享

下一篇：等待指定時(shí)間后自動(dòng)跳轉(zhuǎn)或關(guān)閉當(dāng)前頁面的js代碼