欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2016年10月31日 09:30:42   投稿:lqh  
這篇文章主要介紹了jsp 網(wǎng)站引入外部css或者js失效問題解決的相關(guān)資料,需要的朋友可以參考下

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

路徑問題

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

導入css代碼:

    <link rel="stylesheet" type="text/css" href="css/login.css">

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

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

設置了過濾器

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

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

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

  • 送你43道JS面試題(收藏)

    送你43道JS面試題(收藏)

    這篇文章主要介紹了送你43道JS面試題,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-06-06
  • easyui關(guān)于validatebox實現(xiàn)多重規(guī)則驗證的方法(必看)

    easyui關(guān)于validatebox實現(xiàn)多重規(guī)則驗證的方法(必看)

    下面小編就為大家?guī)硪黄猠asyui關(guān)于validatebox實現(xiàn)多重規(guī)則驗證的方法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04
  • webpack圖片轉(zhuǎn)為base64的實現(xiàn)示例

    webpack圖片轉(zhuǎn)為base64的實現(xiàn)示例

    在開發(fā)過程中,圖片轉(zhuǎn)成base64是常有的事,本文主要介紹了webpack圖片轉(zhuǎn)為base64的實現(xiàn)示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-12-12
  • 微信小程序?qū)崿F(xiàn)手勢解鎖的示例詳解

    微信小程序?qū)崿F(xiàn)手勢解鎖的示例詳解

    手勢解鎖是生活中常用的解鎖方式,本文將通過微信小程序?qū)崿F(xiàn)手勢解鎖這一功能,本實例以工具的形式可以嵌入到不同的項目之中,感興趣的可以了解一下
    2022-04-04
  • Js動態(tài)設置rem來實現(xiàn)移動端字體的自適應代碼

    Js動態(tài)設置rem來實現(xiàn)移動端字體的自適應代碼

    這篇文章主要介紹了Js動態(tài)設置rem來實現(xiàn)移動端字體的自適應代碼,代碼簡單易懂非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-10-10
  • 關(guān)于onScroll事件在IE6下每次滾動觸發(fā)三次bug說明

    關(guān)于onScroll事件在IE6下每次滾動觸發(fā)三次bug說明

    今天測試發(fā)現(xiàn)IE6下用window.onscroll,每次滾動時會觸發(fā)3次,而火狐、IE7沒此問題,應該是IE6的一個BUG
    2011-09-09
  • js自定義瀑布流布局插件

    js自定義瀑布流布局插件

    這篇文章主要為大家詳細介紹了瀑布流布局與自定義瀑布流布局插件,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • Bootstrap3 多選和單選框(checkbox)

    Bootstrap3 多選和單選框(checkbox)

    多選框(checkbox)用于選擇列表中的一個或多個選項,而單選框(radio)用于從多個選項中只選擇一個。接下來通過本文給大家介紹Bootstrap3 多選和單選框,一起看看吧
    2016-12-12
  • 最新評論