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 相关文章推荐
自动检查并替换文本框内的字符
Jun 30 Javascript
javascript间隔刷新的简单实例
Nov 14 Javascript
JQuery实现防止退格键返回的方法
Feb 12 Javascript
javascript自定义in_array()函数实现方法
Aug 03 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
AngularJs IE Compatibility 兼容老版本IE
Sep 01 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
May 25 Javascript
layer弹出层全屏及关闭方法
Aug 17 Javascript
JointJS JavaScript流程图绘制框架解析
Aug 15 Javascript
a标签调用js的方法总结
Sep 05 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 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开发中常用的三个表单验证函数使用小结
2010/03/03 PHP
php代码审计比较有意思的例子
2014/05/07 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
2016/06/05 PHP
PHP微信开发之有道翻译
2016/06/23 PHP
PHP使用PDO创建MySQL数据库、表及插入多条数据操作示例
2019/05/30 PHP
Javascript实现的分页函数
2006/12/22 Javascript
JavaScript 常见对象类创建代码与优缺点分析
2009/12/07 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
2011/03/17 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
jQuery使用cookie与json简单实现购物车功能
2016/04/15 Javascript
利用js的闭包原理做对象封装及调用方法
2017/04/07 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
JS 实现百度搜索功能
2018/02/01 Javascript
nodejs更新package.json中的dependencies依赖到最新版本的方法
2018/10/10 NodeJs
JS 音频可视化插件Wavesurfer.js的使用教程
2018/10/31 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
Vue可自定义tab组件用法实例
2019/10/24 Javascript
Python生成密码库功能示例
2017/05/23 Python
python Opencv将图片转为字符画
2021/02/19 Python
Python利用pip安装tar.gz格式的离线资源包
2020/09/14 Python
英国假发网站:Hothair
2018/02/23 全球购物
3个CCIE对一个工程师的面试题
2012/05/06 面试题
助人为乐模范事迹材料
2014/06/02 职场文书
医学生自荐信范文
2015/03/05 职场文书
唐山大地震观后感
2015/06/05 职场文书
北京爱情故事观后感
2015/06/12 职场文书
Python实现Matplotlib,Seaborn动态数据图
2022/05/06 Python
python如何读取和存储dict()与.json格式文件
2022/06/25 Python