在jsp文件中引入css和js文件方法如下:
一:
1, 首先把寫好的css樣式表內容存為*.css格式。如style.css
2, 在頁面中引入這個css 樣式文件。用如下的方式引入。
<link rel="stylesheet" href="./css/style.css" type="text/css">
此處的href=」./css/style.css」指的是css文件存放的路徑。『.』請示當前目錄(就是與引入 css文件的jsp頁面在同一目錄)
二:
在jsp頁面引入javascript文件與引入css樣式文件類似。如下引入;
<script language='javascript' src='js/TreeToc.js'></script>
通過<script>標簽的src屬性。Javascript文件必須以.js這種形式存放。如上面的TreeToe.js,src屬性指向javascript文件的路徑。
『貳』 jsp引用js和css文件,為什麼總是引用失敗
jsp引用js和css文件來,引用失敗的原因大部分是由自於路徑問題導致,一般有相對路徑和絕對路徑兩種引用方式:
1、相對路徑引用js和css的方法:
css:
<link href="css/front/ibd.css" rel="stylesheet" type="text/css" />
js:
<script type="text/javascript" src="js/front/poplayer.js"></script>
前提是js和css跟jsp在同一個目錄下
2、絕對應用js和css的方法:
css:
<link href="http://域名:埠/工程名css/front/ibd.css" rel="stylesheet" type="text/css" />
js:
<script type="text/javascript" src="http://域名:埠/工程名/js/front/poplayer.js"></script>
檢查以上兩種方法是否引用正確。
『叄』 jsp引入js文件的問題
1)引入的js文件出錯,
檢查方法:將Js的內容寫在當前的頁面的<script> </script>之間,看是否能夠正常運行,如果不能,請核查代碼
2) 如果引入的代碼在當前頁面中能夠正常運行,但當引入時不能正常運行,則有兩種可能
A:引入Js的路徑有問題
B:引入的Js的編碼格式與當前頁面不匹配;
3)引入Js的路徑問題
js的引入不外乎兩種,相對路徑與絕對路徑
test.js 與index.jsp 放在同一文件夾下,比如: web應用/manage/下面
第一種情況 :
一般在學習時, 一個tomcat上都跑多個工程, 用工程名來區分
因為我的的URL是 :http://localhost/工程名 /manage/index.jsp
多了一個工程名,所以要加 <%=request.getContextPath() %>
如下:
<scriptsrc="<%=request.getContextPath()%>/manage/test.js"></script>
第二種情況:
訪問JSP文件時, 用相對路徑引入JS,CSS文件是OK的
真實項目中, 一個tomcat上要是也跑了多個工程, 並用IP來區分
url 是這樣的: http://localhost/manage/index.jsp 注意這里,是直接訪問JSP文件,不是 servlet,不是struts .
test2.js 與index.jsp 放在同一文件夾下,下面用相對路徑來引入 JS文件 是OK 的:
<script src=test2.js></script>
第三種情況:一個通過Action跳轉之後到達的Jsp頁面需要引入一個Js文件:
這種情況下,請使用絕對路徑,
在第二情況的基礎上, 我們訪問的是 servlet 或是struts的action , 再轉發到 index.jsp
url 是: http://localhost/***.do或者 http://localhost/***.action 這里不是訪問JSP文件了
因此路徑應該這么寫:
<scriptsrc="/manage/test.js"></script>
test2.js 前面一定要有/manage/
或者:
<scriptsrc="http://127.0.0.1/工程名/manage/test.js"></script>
這種方法推薦
在引入js時,我們應該養成良好的習慣,請使用絕對路徑,在開發時,能夠大大的提高自己的開發效率。
4)引入js的編碼問題;
將兩者的編碼改為一致,一般我們可以修改JS文件編碼使其與頁面編碼一致。
第二種方式是使用script標記的charset屬性來顯式指明所引入js文件的編碼。如
<scriptsrc="xx.js"charset="gbk"></script>
這樣無論頁面是什麼編碼,都可以正常的訪問這個JS中的內容。
相比之下,第二種可能更方便一些,而且作為一種好的習慣,平時我們應該盡可能都寫上charset屬性。
『肆』 在一個jsp文件中 這樣調用js文件<script language=JavaScript src="js/admins.js"></script> 如何傳參
如果你是給js/admins.js里邊的函數傳參,那麼你可以在引入的文件下面傳參,如:
<script language=JavaScript src="js/admins.js"></script>
<script type="javascript/text">
//假設在需要調用admins.js里邊的回showMember函數
//那麼在答這里調用那個函數,值用jsp輸出字元串即可
showMember(/* 這里是jsp輸出的變數值 */);
</script>
程序就是字元串組成的,所以只要你正確輸出字元串,到瀏覽器那邊執行的時候就可以了。
『伍』 為什麼jsp中無法導入js文件
js無法導入jsp原因是js路徑配置錯誤,建議使用緩脊晌以下辦法導入:x0dx0ax0dx0aString basePath = request.getScheme()+"://"+request.getServerName(擾鋒)+":"+request.getServerPort()+request.getContextPath()+"/";x0dx0a%>x0dx0ahead裡面:x0dx0ax0dx0ax0dx0a如果還不行,那就是 checkForm.js寫的有問題,一般找不到對象就是這個野裂js沒載入進去。
『陸』 jsp引入js文件的問題
1)引入的js文件出錯,
檢查方法:將Js的內容寫在當前的頁面的<script> </script>之間,看是否能夠正常運行,如果不能,請核查代碼
2) 如果引入的代碼在當前頁面中能夠正常運行,但當引入時不能正常運行,則有兩種可能
A:引入Js的路徑有問題
B:引入的Js的編碼格式與當前頁面不匹配;
3)引入Js的路徑問題
js的引入不外乎兩種,相對路徑與絕對路徑
test.js 與index.jsp 放在同一文件夾下,比如: web應用/manage/下面
第一種情況 :
一般在學習時, 一個tomcat上都跑多個工程, 用工程名來區分
因為我的的URL是 :http://localhost/工程名 /manage/index.jsp
多了一個工程名,所以要加 <%=request.getContextPath() %>
如下:
<script src="<%=request.getContextPath() %> /manage/test.js"></script>
第二種情況:
訪問JSP文件時, 用相對路徑引入JS,CSS文件是OK的
真實項目中, 一個tomcat上要是也跑了多個工程, 並用IP來區分
url 是這樣的: http://localhost/manage/index.jsp 注意這里,是直接訪問JSP文件,不是 servlet,不是struts .
test2.js 與index.jsp 放在同一文件夾下,下面用相對路徑來引入 JS文件 是OK 的:
<script src=test2.js></script>
第三種情況:一個通過Action跳轉之後到達的Jsp頁面需要引入一個Js文件:
這種情況下,請使用絕對路徑,
在第二情況的基礎上, 我們訪問的是 servlet 或是struts的action , 再轉發到 index.jsp
url 是: http://localhost/***.do或者 http://localhost/***.action 這里不是訪問JSP文件了
因此路徑應該這么寫:
<script src="/manage/test.js"></script>
test2.js 前面一定要有/manage/
或者:
<script src="http://127.0.0.1/工程名/manage/test.js"></script>
這種方法推薦
在引入js時,我們應該養成良好的習慣,請使用絕對路徑,在開發時,能夠大大的提高自己的開發效率。
4)引入js的編碼問題;
將兩者的編碼改為一致,一般我們可以修改JS文件編碼使其與頁面編碼一致。
第二種方式是使用script標記的charset屬性來顯式指明所引入js文件的編碼。如
<script src="xx.js" charset="gbk"></script>
這樣無論頁面是什麼編碼,都可以正常的訪問這個JS中的內容。
相比之下,第二種可能更方便一些,而且作為一種好的習慣,平時我們應該盡可能都寫上charset屬性。