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 相关文章推荐
IE JS编程需注意的内存释放问题
Jun 23 Javascript
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
JS getMonth()日期函数的值域是0-11
Feb 15 Javascript
jQuery判断checkbox是否选中的小例子
Dec 02 Javascript
JS生成不重复随机数组的函数代码
Jun 10 Javascript
Linux下使用jq友好的打印JSON技巧分享
Nov 18 Javascript
一个简单不报错的summernote 图片上传案例
Jul 11 Javascript
原生JS下拉加载插件分享
Dec 26 Javascript
老生常谈js数据类型
Aug 03 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
vue动态设置img的src路径实例
Sep 18 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
全国FM电台频率大全 - 30 宁夏回族自治区
2020/03/11 无线电
php检测图片木马多进制编程实践
2013/04/11 PHP
php 生成加密公钥加密私钥实例详解
2017/06/16 PHP
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
jQuery Pagination分页插件使用方法详解
2017/02/28 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
2019/01/09 jQuery
微信小程序公用参数与公用方法用法示例
2019/01/09 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
Python 学习笔记
2008/12/27 Python
Python正则表达式指南 推荐
2018/10/09 Python
pytorch masked_fill报错的解决
2020/02/18 Python
python中列表的含义及用法
2020/05/26 Python
将不规则的Python多维数组拉平到一维的方法实现
2021/01/11 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
HTML5输入框下拉菜单功能的示例代码
2020/09/08 HTML / CSS
意大利奢侈品牌在线精品店:Jole.it
2020/11/23 全球购物
保安员岗位职责
2013/11/17 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
便利店的创业计划书
2014/01/15 职场文书
精彩的演讲稿开头
2014/05/08 职场文书
2014年民主评议党员个人总结
2014/09/24 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
我的1919观后感
2015/06/03 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
python神经网络学习 使用Keras进行回归运算
2022/05/04 Python