jsp 网站引入外部css或者js失效问题解决


Posted in Javascript onOctober 31, 2016

最近做项目,完成项目经理布置的任务,开始入门java web,但在开发过程中遇到过许许多多的问题,但是令我最头痛的还是导入外部css一直失效,困扰许久才找出原因。

路径问题

css或者js导入失效最有可能的原因就是路径错误,这里我给出我的网站目录结构,大家可以参考下。

jsp 网站引入外部css或者js失效问题解决

导入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 所拦截的请求路径(过滤器关联的URL样式)为相应的文件,例如我过滤的是jsp文件,所以我的xml部分配置如下:

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

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
JavaScript 实现鼠标拖动元素实例代码
Feb 24 Javascript
MVVM模式中ViewModel和View、Model有什么区别?
Jun 19 Javascript
JavaScript表单验证完美代码
Mar 02 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
react native与webview通信的示例代码
Sep 25 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
vue+elementUI动态生成面包屑导航教程
Nov 04 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 Javascript
手把手教你实现 Promise的使用方法
Sep 02 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
Nov 03 Javascript
js学习笔记之事件处理模型
Oct 31 #Javascript
基于JS实现checkbox全选功能实例代码
Oct 31 #Javascript
新手学习前端之js模仿淘宝主页网站
Oct 31 #Javascript
vue.js学习笔记之绑定style样式和class列表
Oct 31 #Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 #Javascript
jQuery grep()方法详解及实例代码
Oct 30 #Javascript
webix+springmvc session超时跳转登录页面
Oct 30 #Javascript
You might like
php 用checkbox一次性删除多条记录的方法
2010/02/23 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
jquery $.ajax入门应用一
2008/11/19 Javascript
使用jquery实现div的tab切换实例代码
2013/05/27 Javascript
Jquery 切换不同图片示例代码
2013/12/05 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
js实现按Ctrl+Enter发送效果
2014/09/18 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
javascript原始值和对象引用实例分析
2015/04/25 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
微信小程序模拟cookie的实现
2018/06/20 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
vue实例的选项总结
2020/06/09 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
vue实现滚动鼠标滚轮切换页面
2020/12/13 Vue.js
python smtplib模块发送SSL/TLS安全邮件实例
2015/04/08 Python
python list元素为tuple时的排序方法
2018/04/18 Python
详解django2中关于时间处理策略
2019/03/06 Python
python Manager 之dict KeyError问题的解决
2019/12/21 Python
pycharm新建Vue项目的方法步骤(图文)
2020/03/04 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
零基础小白多久能学会python
2020/06/22 Python
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
广州御银科技股份有限公司试卷(C++)
2016/11/04 面试题
学校募捐倡议书
2014/05/14 职场文书
公务员爱岗敬业心得体会
2016/01/25 职场文书
三年级作文之小小梦想
2019/12/06 职场文书
Python爬虫框架之Scrapy中Spider的用法
2021/06/28 Python
Python采集股票数据并制作可视化柱状图
2022/04/04 Python
Java 多态分析
2022/04/26 Java/Android