jsp 网站引入外部css或者js失效问题解决

 更新时间:2016年10月31日 09:30:42   投稿:lqh  
这篇文章主要介绍了jsp 网站引入外部css或者js失效问题解决的相关资料,需要的朋友可以参考下

最近做项目,完成项目经理布置的任务,开始入门java web,但在开发过程中遇到过许许多多的问题,但是令我最头痛的还是导入外部css一直失效,困扰许久才找出原因。

路径问题

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>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • JS对HTML表格进行增删改操作

    JS对HTML表格进行增删改操作

    这篇文章主要为大家详细介绍了JS对HTML表格进行增删改操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 详解小程序输入框闪烁及重影BUG解决方案

    详解小程序输入框闪烁及重影BUG解决方案

    这篇文章主要介绍了详解小程序输入框闪烁BUG解决方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 手机注册发送验证码倒计时的简单实例

    手机注册发送验证码倒计时的简单实例

    下面小编就为大家分享一篇手机注册发送验证码倒计时的简单实例。具有很好的参考价值,一起跟随小编过来看看吧,希望对大家有所帮助
    2017-11-11
  • js定义类的几种方法(推荐)

    js定义类的几种方法(推荐)

    下面小编就为大家带来一篇js定义类的几种方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JScript分割字符串示例代码

    JScript分割字符串示例代码

    分割字符串的方法有很多,下面为大家介绍下使用JScript简单实现下,喜欢的朋友可以参考下
    2013-09-09
  • JavaScript实现电话号码格式化的解法小结

    JavaScript实现电话号码格式化的解法小结

    在 JavaScript 编程中,经常会遇到将给定数据转换为特定格式的问题,本文为大家整理了一些常用方法,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-11-11
  • uniapp电商小程序实现订单30分钟倒计时

    uniapp电商小程序实现订单30分钟倒计时

    这篇文章主要为大家详细介绍了uniapp电商小程序实现订单30分钟倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 详解微信小程序应用和页面生命周期

    详解微信小程序应用和页面生命周期

    生命周期是指一个对象从创建→>运行>销毁的整个阶段,强调的是一个时间段,文中介绍了生命周期的分类和微信小程序应用,需要的朋友可以参考下
    2022-08-08
  • 用JavaScript实现PHP的urlencode与urldecode函数

    用JavaScript实现PHP的urlencode与urldecode函数

    这篇文章主要介绍了用JavaScript实现PHP的urlencode与urldecode函数,很多情况下我们用了出来php urlencode出来的网址,需要的朋友可以参考下
    2015-08-08
  • JavaScript实现跟随鼠标移动的盒子

    JavaScript实现跟随鼠标移动的盒子

    这篇文章主要为大家详细介绍了JavaScript实现跟随鼠标移动的盒子,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01

最新评论