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 相关文章推荐
用jQuery扩展自写的 UI导航
Jan 13 Javascript
初窥JQuery(二) 事件机制(1)
Nov 25 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
Jun 06 Javascript
JavaScript中具名函数的多种调用方式总结
Nov 08 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
JQ实现新浪游戏首页幻灯片
Jul 29 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
Jan 08 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
微信小程序 button样式设置为图片的方法
Jun 19 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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
php中去除所有js,html,css代码
2010/10/12 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
js 解决“options为空或不是对象”
2008/12/22 Javascript
web前端开发也需要日志
2010/12/09 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
给文字加上着重号的JS代码
2013/11/12 Javascript
jQuery基础语法实例入门
2014/12/23 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
2016/11/03 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
AngularJS的Filter的示例详解
2017/03/07 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
2019/09/12 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
2019/12/06 Javascript
js代码实现轮播图
2020/05/04 Javascript
python实现合并两个数组的方法
2015/05/16 Python
python操作ssh实现服务器日志下载的方法
2015/06/03 Python
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
python实现给微信公众号发送消息的方法
2017/06/30 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
python TCP Socket的粘包和分包的处理详解
2018/02/09 Python
python3中zip()函数使用详解
2018/06/29 Python
Python 实现数组相减示例
2019/12/27 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
Python脚本如何在bilibili中查找弹幕发送者
2020/06/04 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
通过HTML5 Canvas API绘制弧线和圆形的教程
2016/03/14 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
2018/01/31 HTML / CSS
Hoover胡佛官网:美国吸尘器和洗地机品牌
2019/01/09 全球购物
医学毕业生自荐信
2013/10/11 职场文书
开学第一天的感想
2015/08/10 职场文书
php 防护xss,PHP的防御XSS注入的终极解决方案
2021/04/01 PHP
Win11安装升级时提示“该电脑必须支持安全启动”
2022/04/19 数码科技