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

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

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

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

路徑問(wèn)題

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

導(dǎo)入css代碼:

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

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

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

設(shè)置了過(guò)濾器

我就是因?yàn)樵O(shè)置了一個(gè)登錄過(guò)濾器才導(dǎo)致css和js失效。解決辦法很簡(jiǎn)單,設(shè)置 filter 所攔截的請(qǐng)求路徑(過(guò)濾器關(guān)聯(lián)的URL樣式)為相應(yīng)的文件,例如我過(guò)濾的是jsp文件,所以我的xml部分配置如下:

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

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

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

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

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

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

    下面小編就為大家?guī)?lái)一篇easyui關(guān)于validatebox實(shí)現(xiàn)多重規(guī)則驗(yàn)證的方法(必看)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-04-04
  • webpack圖片轉(zhuǎn)為base64的實(shí)現(xiàn)示例

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

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

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

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

    Js動(dòng)態(tài)設(shè)置rem來(lái)實(shí)現(xiàn)移動(dòng)端字體的自適應(yīng)代碼

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

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

    今天測(cè)試發(fā)現(xiàn)IE6下用window.onscroll,每次滾動(dòng)時(shí)會(huì)觸發(fā)3次,而火狐、IE7沒(méi)此問(wèn)題,應(yīng)該是IE6的一個(gè)BUG
    2011-09-09
  • js自定義瀑布流布局插件

    js自定義瀑布流布局插件

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

    Bootstrap3 多選和單選框(checkbox)

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