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脚本的性能的几个注意事项
Dec 22 Javascript
JS date对象的减法处理实现代码
Dec 28 Javascript
js编码之encodeURIComponent使用介绍(asp,php)
Mar 01 Javascript
javascript禁用Tab键脚本实例
Nov 22 Javascript
JavaScript中的数学运算介绍
Dec 29 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
Jan 22 Javascript
需要牢记的JavaScript基础知识
Sep 25 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
javascript实现拖拽碰撞检测
Mar 12 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
Yii使用DeleteAll连表删除出现报错问题的解决方法
2016/07/14 PHP
php版阿里云OSS图片上传类详解
2016/12/01 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
jQuery下通过$.browser来判断浏览器.
2011/04/05 Javascript
JavaScript基本编码模式小结
2012/05/23 Javascript
一个JavaScript处理textarea中的字符成每一行实例
2014/09/22 Javascript
javascript使用call调用微信API
2014/12/15 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
jQuery实现网页顶部固定导航效果代码
2015/12/24 Javascript
浅谈JavaScript中数组的增删改查
2016/06/20 Javascript
Javascript继承机制详解
2017/05/30 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
JS中作用域以及变量范围分析
2020/07/18 Javascript
小程序中手机号识别的示例
2020/12/14 Javascript
[11:57]《一刀刀一天》第十七期:TI中国军团加油!
2014/05/26 DOTA
Python自定义函数定义,参数,调用代码解析
2017/12/27 Python
python2 与python3的print区别小结
2018/01/16 Python
python3监控CentOS磁盘空间脚本
2018/06/21 Python
利用Python将数值型特征进行离散化操作的方法
2018/11/06 Python
Flask框架web开发之零基础入门
2018/12/10 Python
Python语法垃圾回收机制原理解析
2020/03/25 Python
专家推荐信模板
2014/05/09 职场文书
还款承诺书范文
2014/05/20 职场文书
新教师岗前培训方案
2014/06/05 职场文书
小学爱国卫生月活动总结
2014/06/30 职场文书
离婚协议书怎么写2014
2014/09/30 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
征求意见函
2015/06/05 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
Nginx代理同域名前后端分离项目的完整步骤
2021/03/31 Servers