如何用jsp引入js文件？動(dòng)力節(jié)點(diǎn)小編來給大家舉例說明。

1.引入的js文件出錯(cuò)，

檢查方法：將Js的內(nèi)容寫在當(dāng)前的頁面的<script> </script>之間，看是否能夠正常運(yùn)行，如果不能，請(qǐng)核查代碼

2.如果引入的代碼在當(dāng)前頁面中能夠正常運(yùn)行，但當(dāng)引入時(shí)不能正常運(yùn)行，則有兩種可能

A: 引入Js的路徑有問題

B: 引入的Js的編碼格式與當(dāng)前頁面不匹配 ;

3.引入Js的路徑問題

js的引入不外乎兩種，相對(duì)路徑與絕對(duì)路徑

test.js 與index.jsp 放在同一文件夾下,比如: web應(yīng)用/manage/下面

第一種情況 :

一般在學(xué)習(xí)時(shí), 一個(gè)tomcat上都跑多個(gè)工程, 用工程名來區(qū)分

因?yàn)槲业牡腢RL是 :http://localhost/工程名 /manage/index.jsp

多了一個(gè)工程名,所以要加

<%=request.getContextPath() %> 

如下:

<script src="<%=request.getContextPath() %> /manage/test.js"></script> 

第二種情況:

訪問JSP文件時(shí), 用相對(duì)路徑引入JS,CSS文件是OK的

真實(shí)項(xiàng)目中, 一個(gè)tomcat上要是也跑了多個(gè)工程, 并用IP來區(qū)分

url 是這樣的: http://localhost/manage/index.jsp 注意這里,是直接訪問JSP文件,不是 servlet,不是struts .

test2.js 與index.jsp 放在同一文件夾下,下面用相對(duì)路徑來引入 JS文件 是OK 的:

<script src=test2.js></script> 

第三種情況:

一個(gè)通過Action跳轉(zhuǎn)之后到達(dá)的Jsp頁面需要引入一個(gè)Js文件：

這種情況下，請(qǐng)使用絕對(duì)路徑，

在第二情況的基礎(chǔ)上, 我們?cè)L問的是 servlet 或是struts的action , 再轉(zhuǎn)發(fā)到 index.jsp

url 是: http://localhost/***.do或者 http://localhost/***.action 這里不是訪問JSP文件了

因此路徑應(yīng)該這么寫：

<script src="/manage/test.js"></script> 

test2.js 前面一定要有/manage/

或者：

<script src="http://127.0.0.1/工程名/manage/test.js"></script> 

這種方法推薦

在引入js時(shí)，我們應(yīng)該養(yǎng)成良好的習(xí)慣，請(qǐng)使用絕對(duì)路徑，在開發(fā)時(shí)，能夠大大的提高自己的開發(fā)效率。

4.引入js的編碼問題;

將兩者的編碼改為一致，一般我們可以修改JS文件編碼使其與頁面編碼一致。

第二種方式是使用script標(biāo)記的charset屬性來顯式指明所引入js文件的編碼。如

<script src="xx.js"  charset="gbk" ></script>

這樣無論頁面是什么編碼，都可以正常的訪問這個(gè)JS中的內(nèi)容。

相比之下，第二種可能更方便一些，而且作為一種好的習(xí)慣，平時(shí)我們應(yīng)該盡可能都寫上charset屬性。