關于include標簽導致js路徑找不到的問題分析及解決

2019-11-20 22:32:33

字體：大中小

來源：轉載

供稿：網友

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

幾經測試，終于發現了其中的問題。
由于做的項目文件較多，故文件都不放在一個文件夾下：在公共JSP頁面中，有

復制代碼代碼如下:

 
<%@ 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> 

在調用它的時候，有：
<%@ include file="../../common_ext.jsp"%>
但這樣很可能導致錯誤。

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

復制代碼代碼如下:

 
<%@ 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 閉包基礎分享

下一篇：等待指定時間后自動跳轉或關閉當前頁面的js代碼