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 checkbox 全选/反选及批量删除
Apr 28 Javascript
jQuery :first选择器使用介绍
Aug 09 Javascript
JavaScript也谈内存优化
Jun 06 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
javascript中replace( )方法的使用
Apr 24 Javascript
详解JavaScript对象类型
Jun 16 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
JavaScript实现焦点进入文本框内关闭输入法的核心代码
Sep 20 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 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分页类代码
2013/04/02 PHP
基于php冒泡排序算法的深入理解
2013/06/09 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
PDO::query讲解
2019/01/29 PHP
PHP信号处理机制的操作代码讲解
2019/04/19 PHP
php实现的生成排列算法示例
2019/07/25 PHP
解决laravel session失效的问题
2019/10/14 PHP
javascript 获取select下拉列表值的代码
2009/09/07 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
理解javascript异步编程
2016/01/27 Javascript
Javascript封装id、class与元素选择器方法示例
2017/03/13 Javascript
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
node.js通过axios实现网络请求的方法
2018/03/05 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
vue form表单post请求结合Servlet实现文件上传功能
2021/01/22 Vue.js
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
毕业自我评价范文
2013/11/17 职场文书
办公室秘书自我鉴定
2014/01/18 职场文书
学生个人自我鉴定范文
2014/03/28 职场文书
项目投资意向书
2014/04/01 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
一年级语文上册复习计划
2015/01/17 职场文书
2015大学自主招生自荐信范文
2015/03/04 职场文书
2016简历自荐信优秀范文
2016/01/29 职场文书
话题作文之关于呼唤
2019/11/29 职场文书
如何用Navicat操作MySQL
2021/05/12 MySQL
html form表单基础入门案例讲解
2021/07/15 HTML / CSS