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 面向对象编程基础:继承
Aug 21 Javascript
判断用户的在线状态 onbeforeunload事件
Mar 05 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
Dec 04 Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
Dec 24 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
Jan 04 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
微信小程序之事件交互操作实例分析
Dec 03 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
JS实现碰撞检测效果
Mar 12 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
ThinkPHP中的create方法与自动令牌验证实例教程
2014/08/22 PHP
php获取URL中带#号等特殊符号参数的解决方法
2014/09/02 PHP
php去除html标记的原生函数详解
2015/01/27 PHP
实例讲解如何在PHP的Yii框架中进行错误和异常处理
2016/03/17 PHP
ie和firefox不兼容的解决方法集合
2009/04/28 Javascript
extjs grid设置某列背景颜色和字体颜色的方法
2010/09/03 Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
2013/01/16 Javascript
innerText 使用示例
2014/01/23 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
jQuery实现仿美橙互联两级导航菜单效果完整实例
2015/09/17 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
2016/06/26 Javascript
Bootstrap CSS组件之按钮下拉菜单
2016/12/17 Javascript
DOM事件探秘篇
2017/02/15 Javascript
Angular实现购物车计算示例代码
2017/02/21 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
python 开发的三种运行模式详细介绍
2017/01/18 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
使用Python写一个小游戏
2018/04/02 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
python实现学员管理系统
2019/02/26 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
python循环定时中断执行某一段程序的实例
2019/06/29 Python
pycharm新建一个python工程步骤
2019/07/16 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
tensorflow之tf.record实现存浮点数数组
2020/02/17 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
Shopty西班牙:缝纫机在线销售
2018/01/26 全球购物
新西兰最大、占有率最高的综合性药房:PharmacyDirect药房中文网
2020/11/03 全球购物
JAVA中的关键字有什么特点
2014/03/07 面试题
积极分子思想汇报
2014/01/04 职场文书