DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 關於include標簽導致js路徑找不到的問題分析及解決
關於include標簽導致js路徑找不到的問題分析及解決
編輯:JavaScript綜合知識     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved