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 相关文章推荐
javaScript对象和属性的创建方法
Jan 15 Javascript
在IE模态窗口中自由查看HTML源码的方法
Mar 08 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
js TextArea的选中区域处理
Dec 28 Javascript
JavaScript语言对Unicode字符集的支持详解
Dec 30 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
May 27 Javascript
微信小程序 MINA文件结构
Oct 17 Javascript
js阻止冒泡和默认事件(默认行为)详解
Oct 20 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
Dec 28 Javascript
JavaScript canvas实现跟随鼠标事件
Feb 10 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
PHP4实际应用经验篇(4)
2006/10/09 PHP
php查询及多条件查询
2017/02/26 PHP
JavaScript基础知识之数据类型
2012/08/06 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
jQuery控制TR显示隐藏的三种常用方法
2014/08/21 Javascript
JavaScript实现的一个日期格式化函数分享
2014/12/06 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
JavaScript中三种异步上传文件方式
2016/03/06 Javascript
总结jQuery插件开发中的一些要点
2016/05/16 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
2016/08/24 Javascript
vue-router路由参数刷新消失的问题解决方法
2017/06/17 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
2018/02/03 Javascript
vue router导航守卫(router.beforeEach())的使用详解
2019/04/19 Javascript
解决Vue中 父子传值 数据丢失问题
2019/08/27 Javascript
javascript中的offsetWidth、clientWidth、innerWidth及相关属性方法
2020/05/14 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
详解Python 调用C# dll库最简方法
2019/06/20 Python
关于python中密码加盐的学习体会小结
2019/07/15 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
python返回数组的索引实例
2019/11/28 Python
Python使用Chrome插件实现爬虫过程图解
2020/06/09 Python
贝嫂喜欢的婴儿品牌,个性化的婴儿礼物:My 1st Years
2017/11/19 全球购物
毕业生自荐书
2013/12/18 职场文书
同学聚会主持词
2014/03/18 职场文书
广播体操比赛口号
2014/06/10 职场文书
物理分数没达标检讨书
2014/09/13 职场文书
党员倡议书
2015/01/19 职场文书
教师考核鉴定意见
2015/06/05 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
2015中学政教处工作总结
2015/07/22 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技
浅谈Node的内存泄露问题
2022/05/06 NodeJs