JSP中访问外部的CSS / JS

原创于 2021-09-02 07:03:38 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #jsp #bootstrap

我的BUG 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了如何在JSP中访问外部的CSS和JS文件，特别是使用Bootstrap作为例子。针对访问JS可能出现的报红问题，提出了通过POM.XML导入依赖的解决方案。对于CSS，展示了在JSP页面中引入Bootstrap CSS文件的方法。

【1】——访问js

在这里插入图片描述

<script src="${pageContext.request.contextPath}/statics/js/jquery-3.6.0.js"></script>

//中间有可能会出现报红的情况：
在这里插入图片描述
但是不要紧，这个时候，我们可以去POM.XML中导入依赖：

<dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>javax.servlet.jsp-api</artifactId>
            <version>2.3.3</version>
            <scope>provided</scope>
        </dependency>

【2】——访问CSS（拿BootStrap举例）

在这里插入图片描述
//在allBook.jsp中要拿到外部的css文件；

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>
    <title>######页面######</title>
 <link rel="stylesheet" href="<%=basePath+"statics/css/component/bootstrap-3.4.1-dist/css/bootstrap.min.css"%>">
</head>