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 相关文章推荐
js 中 document.createEvent的用法
Aug 29 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 Javascript
Bootstrap导航条学习使用(二)
Feb 08 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
小程序tab页无法传递参数的方法
Aug 03 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
Apr 17 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
javascript实现前端分页效果
Jun 24 Javascript
JS新手入门数组处理的实用方法汇总
Apr 07 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 MemCached高级缓存配置图文教程
2010/08/05 PHP
php数组函数序列之array_key_exists() - 查找数组键名是否存在
2011/10/29 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
JS中==与===操作符的比较
2009/03/21 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
编写可维护面向对象的JavaScript代码[翻译]
2011/02/12 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
js中的数组Array定义与sort方法使用示例
2013/08/29 Javascript
jQuery仿写百度百科的目录树
2017/01/03 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
2017/01/10 Javascript
Vue.js开发环境快速搭建教程
2017/03/17 Javascript
node.js express中app.param的用法详解
2017/07/16 Javascript
jquery应用实例分享_实现手风琴特效
2018/02/01 jQuery
AngularJS select加载数据选中默认值的方法
2018/02/28 Javascript
小程序实现列表多个批量倒计时
2021/01/29 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
谈谈JavaScript中的垃圾回收机制
2020/09/17 Javascript
vue如何使用rem适配
2021/02/06 Vue.js
浅析python中的分片与截断序列
2016/08/09 Python
python3+PyQt5实现文档打印功能
2018/04/24 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
python+opencv打开摄像头,保存视频、拍照功能的实现方法
2019/01/08 Python
Django用户认证系统 User对象解析
2019/08/02 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
python 字符串格式化的示例
2020/09/21 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
python Matplotlib基础--如何添加文本和标注
2021/01/26 Python
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
颇特女士香港官网:NET-A-PORTER香港
2021/03/08 全球购物
婚礼司仪主持词
2014/03/14 职场文书
企业法人授权委托书
2014/04/03 职场文书