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事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
javascript 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
Mootools 1.2教程 滑动效果(Slide)
Sep 15 Javascript
JavaScript 笔记二 Array和Date对象方法
May 22 Javascript
jQuery简单实现禁用右键菜单
Mar 10 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
Nov 02 Javascript
创建echart多个联动的示例代码
Nov 23 Javascript
使用webpack搭建pixi.js开发环境
Feb 12 Javascript
JavaScript利用键盘码控制div移动
Mar 19 Javascript
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 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自定义函数收代码
2010/08/01 PHP
php正则表达匹配中文问题分析小结
2012/03/25 PHP
关于恒等于(===)和非恒等于(!==)
2007/08/20 Javascript
将string解析为json的几种方式小结
2010/11/11 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
2013/01/27 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
2014/08/16 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
javascript闭包的理解
2015/04/01 Javascript
基于jquery实现人物头像跟随鼠标转动
2015/08/23 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
jQuery中$.each()函数的用法引申实例
2016/05/12 Javascript
node.js中 stream使用教程
2016/08/28 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
2018/08/28 Javascript
微信小程序搭建自己的Https服务器
2019/05/02 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路
2018/04/07 DOTA
Python实现快速多线程ping的方法
2015/07/15 Python
Python画图高斯分布的示例
2019/07/10 Python
通过实例学习Python Excel操作
2020/01/06 Python
关于Tensorflow 模型持久化详解
2020/02/12 Python
css3实现可拖动的魔方3d效果
2019/05/07 HTML / CSS
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
加拿大鞋子连锁店:Town Shoes
2016/09/26 全球购物
EGO Shoes美国/加拿大:英国时髦鞋类品牌
2018/08/04 全球购物
法国设计制造的扫帚和刷子:Andrée Jardin
2018/12/06 全球购物
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
六道php面试题附答案
2014/06/05 面试题
元旦寄语大全
2014/04/10 职场文书
简单租房协议书
2014/10/21 职场文书
离婚被告答辩状
2015/05/22 职场文书
Python Pandas常用函数方法总结
2021/06/15 Python