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

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

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

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

路徑問題

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

導(dǎo)入css代碼：

記得jsp頭部需要設(shè)置相對路徑：

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

設(shè)置了過濾器

我就是因?yàn)樵O(shè)置了一個(gè)登錄過濾器才導(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)文章

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