jsp文件中引入js、css文件失败问题

最新推荐文章于 2023-02-10 22:45:41 发布

原创最新推荐文章于 2023-02-10 22:45:41 发布 · 3.6k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#jsp #css #js

前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍了解决JSP页面加载JS和CSS文件失败的问题，通过配置SpringMVC来正确引用静态资源。

最近刚搭建了个项目，在jsp中引入js、css文件时失败，用绝对路径和相对路径均失败原因：

文件结构：

jsp代码：

<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    System.out.println(basePath);
%>  
<html>
<head>
    <title>小程序后台登录</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="${basePath}assets/js/bootstrap-3.3.7/dist/css/bootstrap.css">
    <script type="text/javascript" src="${basePath}assets/js/jquery/jquery-3.2.1.js"></script>
    <srcipt type="text/javascript" src="${basePath}assets/js/bootstrap-3.3.7/dist/js/bootstrap.js"></srcipt>
</head>

中间使用的绝对路径引入失败，修改为相对路径也失败。

解决方法：

由于在浏览器的开发者模式下，发现引入静态文件报错404，所以访问不了资源，

需要在springmvc.xml文件中配置静态资源目录：

	<!-- 配置资源映射 -->
	<mvc:resources location="/assets/" mapping="/assets/**"/>

然后就OK了。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

tywangh

关注关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

10-21

在JSP中，通常使用标签来引入CSS文件，使用标签来引入JavaScript文件。例如，若要引入一个名为"login.css"的CSS文件，代码可能如下： ```html <link rel="stylesheet" type="text/css" href="css/login.css"> ``` ...

jsp、css中引入外部资源相对路径问题分析

10-24

比如，如果要引入一个JavaScript文件jQuery，可以使用<script src="js/common/jquery-1.11.1.min.js" ...>这样的相对路径。此外，文章还讨论了当在CSS或JavaScript文件中进一步引用图片等资源时可能遇到的路径问题...

1 条评论您还未登录，请先登录后发表或查看评论

jsp页面引入css文件报错

qq_29739935的博客

07-28

829

错误描述：jsp页面引入CSS文件时出现javax.servlet.jsp cannot be resolved to a type ,javax.servlet 解决方法：项目右键->Property->Java Build Path->Add External JARs->选择Tomacat目录下的lib中的servlet-api.jar

JSP中css样式无效

weixin_44573185的博客

03-02

4178

JSP中css样式无效今天在写一个项目的时候突然发现JSP中引入css的样式无效。如上的引入方式（路径应该没问题），在其他JSP中引入都可以，唯独就一个不行。将路径加上改为这个： ${pageContext.request.contextPath} 之后问题解决希望能够有所帮助~ ...

jsp引入bootstrap问题

weixin_47277897的博客

09-03

423

遇见一个bug，已经遇见很多次了，在jsp引入bootstrap的时候没有任何效果，或者是页面直接就不显示了页面不显示经过排查，是因为js文件加载的问题，加上 <script> $(function () { }) </script> 就可以正常显示了 bootstrap显示不正常这种情况大概率为路径问题，排查路径即可 ...

Jsp页面引入Js文件出错

gaoshanwudi的专栏

04-20

6060

1）引入的js文件出错，检查方法：将Js的内容写在当前的页面的之间，看是否能够正常运行，如果不能，请核查代码 2) 如果引入的代码在当前页面中能够正常运行，但当引入时不能正常运行，则有两种可能 A:引入Js的路径有问题 B:引入的Js的编码格式与当前页面不匹配； 3)引入Js的路径问题 js的引入不外乎两种，相对路径与绝对路径 te

关于jsp中加载css、js失败

xingjianxinn的专栏

03-03

1299

[html] view plaincopy %@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> %@ taglib prefix="s" uri="/struts-tags" %> % String path = request.getContextPath();

jsp文件中引用外部.css或.js文件的路径问题.pdf

11-16

jsp 文件中引用外部.css 或.js 文件的路径问题在 Web 开发中，引用外部的.css 或.js 文件是非常常见的操作。然而，在 jsp 文件中引用外部.css 或.js 文件的路径问题却是很多开发者容易忽视的细节。本文将详细讲解...

jsp页面中插入css样式的三种方法总结

01-20

在实际开发中，JavaScript（JS）也可以用来动态地修改和添加CSS样式，例如通过操作DOM（Document Object Model）节点的`style`属性，或者使用CSS类（class）进行切换。JavaScript可以提供更强大的交互性和动态效果，...

jsp页面引入bootstrap时出现异常

rj2017211811的博客

03-04

823

异常: util.js:56 Uncaught TypeError: Cannot read property ‘fn’ of undefined at setTransitionEndSupport (util.js:56) at util.js:147 at util.js:10 at bootstrap.js:9 at bootstrap.js:10 引入的bootstrap的文件 <...

jsp引入bootstrap失效的原因

huangruixin520的博客

05-30

8107

在html中使用bootstrap时引入bootstrap文件均可以在网页中正常显示，但是在jsp中使用bootstrap的时候，F12控制台总是报错net::ERR_ABORTED。最后通过百度发现，是因为在springmvc的xml文件中没有设置加载静态资源。解决方法：在springmvc-config.xml中加入“使用默认的Servlet来响应静态文件”code为：<mvc:defa...

关于html引入css文件后没有效果问题

02-10

1万+

这个问题在我写前端的时候是一直会出现的，为了避免下次再次出现，有必要记录一下。通过外部样式表引入css文件到html中，会用到：（以下是这里的问题是标签可以有type属性，但是应该写成,也就是：（以下是照成上述原因是用vscode时快捷生成代码时敲了

关于JSP中CSS样式不生效的处理方法

Faith200122的博客

12-05

9593

css样式不生效

JSP页面引入外部CSS文件，刷新后不起作用如何解决

family080205的博客

05-27

1万+

一般CSS代码可以写在专门的CSS文件中，然后某个页面需要时直接调用CSS文件即可。但发现将CSS文件引入后仍然不起作用。刷新后无效果。其实只要在<link>标签里添加一个charset="utf-8"就可以了。就像下面这样：<link rel="stylesheet" type="text/css" href="css/Login.css" charset="utf-8&qu

jsp引入css失败,jsp加载css失败的原因

weixin_34450111的博客

08-03

3602

jsp加载css失败的原因：1、css文件语法写错；2、css文件编码出错；3、加载css文件路径不对；4、设置了过滤器；其解决办法：1、检查css语法；2、将css文件保存为UTF8格式；3、设置正确的css路径等。本教程操作环境：windows7系统、css3版，该方法适用于所有品牌电脑。推荐：《css视频教程》jsp加载css失败的原因有？可能的原因有：css文件语法写错css文件编码出错加...

使用Maven创建Web项目后，jsp引入静态文件提示报错。JSP 报错：javax.servlet.ServletException cannot be resolved to a type

最新发布

03-11

### SSM框架中JSP页面引入CSS文件失效的解决方案在SSM框架下，当遇到JSP页面引入CSS文件失效的情况时，通常是因为SpringMVC配置不当导致静态资源被拦截。为了使CSS和其他静态资源能够正常加载，可以采取以下几种方法： #### 方法一：调整`web.xml`中的配置如果在`web.xml`中设置了SpringMVC的前端控制器DispatcherServlet来处理所有的请求路径，则需要特别指定哪些URL模式应该排除在外，允许直接访问静态资源。 ```xml <servlet-mapping> <servlet-name>dispatcher</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping>  <init-param> <param-name>defaultHtmlEscape</param-name> <param-value>true</param-value> </init-param> <multipart-config/> ``` 对于静态资源如CSS、JavaScript等，可以通过添加默认的Servlet映射或者通过springmvc配置文件内的内部资源处理器来绕过SpringMVC的过滤[^1]。 #### 方法二：移除HTML5文档声明有时浏览器或JSP本身可能不完全支持某些HTML5特性，这可能会干扰外部样式表的应用。尝试去掉`<!DOCTYPE html>`声明可以帮助解决问题，但这并不是推荐的做法，因为这样做会使得网页不再遵循标准规范[^2]。 #### 方法三：正确设置相对路径并使用EL表达式确保链接到CSS文件的方式是正确的，并且考虑到项目的上下文根路径。一种常见做法是在JSP页面中利用EL表达式的`${pageContext.request.contextPath}`变量动态构建完整的URL地址。 ```jsp <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css"/> ``` 这种方法能有效防止因项目部署位置变化而导致的路径错误问题[^3]。 #### 方法四：应用JSTL核心库<c:url/>标签另一种更优雅的方法是借助JSTL的核心库提供的`<c:url>`标签来生成绝对路径。这种方式不仅简化了编码工作量，而且提高了代码可读性和维护性。 ```jsp <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> ... <link rel="stylesheet" href="<c:url value='/resources/css/style.css'/>"> ``` 上述措施均有助于解决SSM框架下的JSP页面无法成功加载CSS样式的难题。具体选择哪种方式取决于实际应用场景和个人偏好[^4]。