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中遭遇级联表达式陷阱
Mar 08 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
js获得页面的高度和宽度的方法
Feb 23 Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
Jun 25 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
Feb 13 Javascript
vue3.0中友好使用antdv示例详解
Jan 05 Vue.js
JS实现百度搜索框
Feb 25 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
destoon利用Rewrite规则设置网站安全
2014/06/21 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
2014/03/21 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
Javascript中的arguments与重载介绍
2015/03/15 Javascript
JavaScript实现级联菜单的方法
2015/06/29 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
2017/08/14 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
pyv8学习python和javascript变量进行交互
2013/12/04 Python
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
在Windows服务器下用Apache和mod_wsgi配置Python应用的教程
2015/05/06 Python
Python中str.format()详解
2017/03/12 Python
使用Python+Splinter自动刷新抢12306火车票
2018/01/03 Python
Python计算一个给定时间点前一个月和后一个月第一天的方法
2018/05/29 Python
修复 Django migration 时遇到的问题解决
2018/06/14 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
python3 中的字符串(单引号、双引号、三引号)以及字符串与数字的运算
2019/07/18 Python
解决在pycharm运行代码,调用CMD窗口的命令运行显示乱码问题
2019/08/23 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
Python 如何在字符串中插入变量
2020/08/01 Python
python从Oracle读取数据生成图表
2020/10/14 Python
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
学子宴答谢词
2014/01/25 职场文书
工程项目经理任命书
2014/06/05 职场文书
开服装店计划书
2014/08/15 职场文书
2015年控辍保学工作总结
2015/05/18 职场文书
干货:企业内部人才推荐奖励方案!
2019/07/09 职场文书
PyQt5 显示超清高分辨率图片的方法
2021/04/11 Python
优化Mysql查询的示例
2022/04/26 MySQL
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python