關於include標籤導致js路徑找不到的問題

關於使用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就可以了。