Web项目中前端页面引用外部Js和Css的路径问题

最新推荐文章于 2021-01-13 22:42:06 发布

南宫一梦

最新推荐文章于 2021-01-13 22:42:06 发布

阅读量1.6k

点赞数

分类专栏： web前端文章标签： jsp 前端

本文链接：https://blog.csdn.net/qq_21882763/article/details/106892515

版权

本文探讨了在Web项目中，如何处理前端页面引用外部JS和CSS的路径问题。通常做法是将公共代码抽取到common.jsp，使用相对路径或绝对路径。文中详细解释了相对路径和绝对路径的用法，以及在不同页面层级引入时的注意事项。同时，对比了指令元素<%@ include %>和动作元素的差异，推荐在开发中使用以保持页面逻辑清晰。

摘要由CSDN通过智能技术生成

公众号：南宫一梦

Web项目中前端页面引用外部Js和Css的路径问题

一般我们在做Web项目时，通常会将多个页面引入的公共js和css文件抽取出来，单独写成一个公共文件，以期方便各个页面单独引入，达到复用。

1、抽取分离公共的js和css代码，并新建成一个文件取名 common.jsp。

<%@ taglib prefix="yy" uri="http://java.sun.com/jsp/jstl/core"%>
<yy:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<head>
    <%--  ./表示当前文件所在目录 ,./可省略 --%>
    <%-- /表示根目录  --%>
    <%-- ../../ 代表上两级目录  --%>
    <link href="${path}/statics/css/Top.css" rel="stylesheet" type="text/css">
    <link href="${path}/statics/autocomplete/jquery.autocomplete.css" rel="stylesheet" type="text/css"><%--2020/6/11新加--%>
    <link href

最低0.47元/天解锁文章

南宫一梦

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Web项目中前端页面引用外部Js和Css的路径问题

Web项目中前端页面引用外部Js和Css的路径问题一般我们在做Web项目时，通常会将多个页面引入的公共js和css文件抽取出来，单独写成一个公共文件，以期方便各个页面单独引入，达到复用。1. 抽取分离公共的js和css代码，并新建成一个文件取名 common.jsp。<%@ taglib prefix="yy" uri="http://java.sun.com/jsp/jstl/core"%><yy:set value="${pageContext.request.contex
复制链接

扫一扫