jsp 網(wǎng)站引入外部css或者js失效問題解決
更新時間：2016年10月31日 09:30:42 投稿：lqh
這篇文章主要介紹了jsp 網(wǎng)站引入外部css或者js失效問題解決的相關(guān)資料,需要的朋友可以參考下
最近做項目，完成項目經(jīng)理布置的任務(wù)，開始入門java web，但在開發(fā)過程中遇到過許許多多的問題，但是令我最頭痛的還是導(dǎo)入外部css一直失效，困擾許久才找出原因。
路徑問題
css或者js導(dǎo)入失效最有可能的原因就是路徑錯誤，這里我給出我的網(wǎng)站目錄結(jié)構(gòu)，大家可以參考下。
導(dǎo)入css代碼：
<link rel="stylesheet" type="text/css" href="css/login.css">
記得jsp頭部需要設(shè)置相對路徑：
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
設(shè)置了過濾器
我就是因為設(shè)置了一個登錄過濾器才導(dǎo)致css和js失效。解決辦法很簡單,設(shè)置 filter 所攔截的請求路徑(過濾器關(guān)聯(lián)的URL樣式)為相應(yīng)的文件，例如我過濾的是jsp文件，所以我的xml部分配置如下：
<filter-mapping>
<filter-name>login</filter-name>
<url-pattern>/.jsp</url-pattern>
</filter-mapping>
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS對HTML表格進行增刪改操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了詳解小程序輸入框閃爍BUG解決方案,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
下面小編就為大家分享一篇手機注冊發(fā)送驗證碼倒計時的簡單實例。具有很好的參考價值，一起跟隨小編過來看看吧，希望對大家有所幫助2017-11-11
下面小編就為大家?guī)硪黄猨s定義類的幾種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
分割字符串的方法有很多，下面為大家介紹下使用JScript簡單實現(xiàn)下，喜歡的朋友可以參考下2013-09-09
JavaScript實現(xiàn)電話號碼格式化的解法小結(jié)
在 JavaScript 編程中,經(jīng)常會遇到將給定數(shù)據(jù)轉(zhuǎn)換為特定格式的問題,本文為大家整理了一些常用方法,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-11-11
uniapp電商小程序?qū)崿F(xiàn)訂單30分鐘倒計時
這篇文章主要為大家詳細(xì)介紹了uniapp電商小程序?qū)崿F(xiàn)訂單30分鐘倒計時，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
生命周期是指一個對象從創(chuàng)建→>運行>銷毀的整個階段，強調(diào)的是一個時間段，文中介紹了生命周期的分類和微信小程序應(yīng)用，需要的朋友可以參考下2022-08-08
用JavaScript實現(xiàn)PHP的urlencode與urldecode函數(shù)
這篇文章主要介紹了用JavaScript實現(xiàn)PHP的urlencode與urldecode函數(shù),很多情況下我們用了出來php urlencode出來的網(wǎng)址，需要的朋友可以參考下2015-08-08
JavaScript實現(xiàn)跟隨鼠標(biāo)移動的盒子
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)跟隨鼠標(biāo)移動的盒子，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01