jsp 網(wǎng)站引入外部css或者js失效問(wè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ì)本站的支持!
- JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證后按鈕倒計(jì)時(shí)功能(防止刷新倒計(jì)時(shí)失效)
- JS失效 提示HTML1114: (UNICODE 字節(jié)順序標(biāo)記)的代碼頁(yè) utf-8 覆蓋(META 標(biāo)記)的沖突的代碼頁(yè) utf-8
- js放到head中失效的原因與解決方法
- 使用jQuery的load方法設(shè)計(jì)動(dòng)態(tài)加載及解決被加載頁(yè)面js失效問(wèn)題
- JS出現(xiàn)失效的情況總結(jié)
- 使用微信內(nèi)嵌H5網(wǎng)頁(yè)解決JS倒計(jì)時(shí)失效問(wèn)題
- js 開(kāi)發(fā)之a(chǎn)utocomplete="off"在chrom中失效的解決辦法

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

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

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

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

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