jsp 網(wǎng)站引入外部css或者js失效問題解決

更新時間：2016年10月31日 09:30:42 投稿：lqh

這篇文章主要介紹了jsp 網(wǎng)站引入外部css或者js失效問題解決的相關資料,需要的朋友可以參考下

最近做項目，完成項目經(jīng)理布置的任務，開始入門java web，但在開發(fā)過程中遇到過許許多多的問題，但是令我最頭痛的還是導入外部css一直失效，困擾許久才找出原因。

路徑問題

css或者js導入失效最有可能的原因就是路徑錯誤，這里我給出我的網(wǎng)站目錄結(jié)構(gòu)，大家可以參考下。

導入css代碼：

記得jsp頭部需要設置相對路徑：

  <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  %>

設置了過濾器

我就是因為設置了一個登錄過濾器才導致css和js失效。解決辦法很簡單,設置 filter 所攔截的請求路徑(過濾器關聯(lián)的URL樣式)為相應的文件，例如我過濾的是jsp文件，所以我的xml部分配置如下：

  <filter-mapping>
    <filter-name>login</filter-name>
    <url-pattern>/.jsp</url-pattern>
  </filter-mapping>

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

JS對HTML表格進行增刪改操作
這篇文章主要為大家詳細介紹了JS對HTML表格進行增刪改操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
詳解小程序輸入框閃爍及重影BUG解決方案
這篇文章主要介紹了詳解小程序輸入框閃爍BUG解決方案,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
手機注冊發(fā)送驗證碼倒計時的簡單實例
下面小編就為大家分享一篇手機注冊發(fā)送驗證碼倒計時的簡單實例。具有很好的參考價值，一起跟隨小編過來看看吧，希望對大家有所幫助
2017-11-11
js定義類的幾種方法(推薦)
下面小編就為大家?guī)硪黄猨s定義類的幾種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
JScript分割字符串示例代碼
分割字符串的方法有很多，下面為大家介紹下使用JScript簡單實現(xiàn)下，喜歡的朋友可以參考下
2013-09-09
JavaScript實現(xiàn)電話號碼格式化的解法小結(jié)
在 JavaScript 編程中,經(jīng)常會遇到將給定數(shù)據(jù)轉(zhuǎn)換為特定格式的問題,本文為大家整理了一些常用方法,感興趣的小伙伴可以跟隨小編一起學習一下
2024-11-11
uniapp電商小程序?qū)崿F(xiàn)訂單30分鐘倒計時
這篇文章主要為大家詳細介紹了uniapp電商小程序?qū)崿F(xiàn)訂單30分鐘倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
詳解微信小程序應用和頁面生命周期
生命周期是指一個對象從創(chuàng)建→>運行>銷毀的整個階段，強調(diào)的是一個時間段，文中介紹了生命周期的分類和微信小程序應用，需要的朋友可以參考下
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)跟隨鼠標移動的盒子
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)跟隨鼠標移動的盒子，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-01-01