HTML文件中引入css或js文件的href和src的路径写法问题

最新推荐文章于 2023-09-18 12:09:42 发布
最新推荐文章于 2023-09-18 12:09:42 发布
阅读量592 收藏
点赞数
分类专栏： HTML JavaScript Java-springMvc 文章标签： html css js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59834108/article/details/119538308
版权
Java-springMvc 同时被 3 个专栏收录
22 篇文章 1 订阅
订阅专栏
HTML
11 篇文章 0 订阅
订阅专栏
JavaScript
10 篇文章 0 订阅
订阅专栏

        如有错误欢迎指正

        现在有一个SpringMVC的项目，需要在jsp文件中引入css和js文件，然后href和src的路径写法问题就成了一个难题。

        整个项目的结构大概是这样的

         main中分为3个文件夹，第一个java，第二个resources，第三个webapp

        我们写href和src的时候都是默认webapp为根目录，并且在路径最做端要加斜杆  /

        可能这是整个项目做了配置之后的结果吧

        如有错误欢迎指正

【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 （第三节）
java小白翻身
11-21 783
###3.6.6 轮播图的基本实现 上一节中，轮播图已经做了一大半，我今天上午抽空把剩下的代码写完了。现在就大概说一下思路吧。 实现上一张和下一张的效果，基本上就是改变ul的margin-left值。为了保证无缝滚动，我们需要在5张图片的首部和尾部各加一张图片。像这样： <ul> <li class='fl'> <a href="javascript:void(0)"> <img src="5.jpg "/> </a> <
c语言导入外部css文件路径,浅谈HTML文件引入外部CSS文件时路径的写法总结
weixin_34588509的博客
05-24 694
一. 引入外部css文件的基本样式用< link>标签引入外部样式表，其中通常要写两个属性：href属性表示css文件的路径rel=“stylesheet” 描述了当前页面与href所指定文档的关系.即说明的是,href连接的文档是一个新式表二 . 路径的基本规则/ 代表根目录，慎用…/ 代表上一级目录…/…/ 代表上两级目录/… 代表下级目录/…/… 代表下两级目录三 . 常见情况路...
HTML路径 href路径
a0701302的专栏
05-19 2881
../表示源文件所在目录的上一级目录， ../../表示源文件所在目录的上上级目录，以此类推。 href="style/index.css"和href="../style/index.css"的区别是 前者是链接当前文件下的style文件下的index.css 后者是链接当前文件上级目录下的【/style/index.css】
href&src相对路径表示
Tangxy723的专栏
10-13 726
 title>Bootstrap 实例 - 默认的导航栏title> link href="./css/bootstrap.min.css" rel="stylesheet"> script src="./scripts/jquery.min.js">script> script src="./js/bootstrap.min.js">script> .：当前路径下 .
【CSS】样式表
进击的巨人--小天贵
04-03 1399
CSS初识CSS(Cascading Style Sheets) 美化样式CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。引入CSS样式...
JS, CSS样式引用写法
12-13
1. **外部JavaScript文件引用**：与CSS类似，JavaScript代码通常也会被组织到单独的`.js`文件中，然后通过`<script>`标签引入。对于ASP.NET项目，同样可以使用`() %>`获取服务器路径： ```html ...
html <a>、<css>、<script>中src引用文件的路径问题
郭洋羊羊羊羊的博客
11-04 4万+
在编写web应用的时候，难免会在一个文件中引用外部的文件，例如样式表css文件以及一些脚本js文件，这样做的目的无疑是提高代码的复用率。但是在引用文件时，一定要引用正确的文件路径，不然是访问不到相关文件的。 总结一下，一共有如下几种方式引用相关文件： 前提： 相关目录结构： 方法一：使用相对于当前文件（源文件）的相对路径 这样在页面使用http://localhost
Web项目中前端页面引用外部Js和Css的路径问题
Cockroach的博客
06-22 1652
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
jsp.html中的引入js.css文件的问题，以及文件路径详解。
immortal_zhang的博客
07-06 1万+
首先我把文件的位置已截图的形式发出(eclipse工作栏)， 看清楚各个文件路径的位置。 其中test1.css中写了一个测试代码：.AAA{ color:yellow;text-align:center;} 来测试jsp的引入方式： 在test1.jsp 文件中引用jquery和css一共五个文件。代码如下： <%@ page language="java" contentType="t
jsp中元素的src,href路径怎么正确简洁的配置并方便引用
m0_60358315的博客
03-14 1560
正确编写jsp中src和href路径,同时方便引用
JS动态引入相对路径的CSS文件
qq_37644845的博客
03-28 1499
JS动态引入相对路径的CSS文件1. 获取相对路径2. 动态加载css文件3. 引入css 1. 获取相对路径 参考 https://www.cnblogs.com/dragondean/p/js-self-path.html // 获取js完整路径 function getMySrc() { var scriptSrc = document.getElementsByTagNam...
HTML的a标签href属性指定相对路径与绝对路径的用法讲解
热门推荐
Kevinvcc200的博客
09-25 4万+
href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下   在实际Web开发中，插入图片、包含CSS文件等都需要有路径，如果文件路径的添加错误，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。很多初学者感到困惑，下面我就详细的介绍一下相对路径与绝对路径。 HTML相对路径 指由这个文件所...
JS的引入方式介绍
m0_55870194的博客
03-31 1899
JavaScript引入方式 1.外部JavaScript （1）语法格式 <script scr="js文件路径"></script> 使用script标签引入外部JavaScript文件，且只需要src属性。 Ⅰ.script标签位置 在之前我们引入外部CSS文件时，只能在head标签内引入。 但对于JavaScript，引入外部JavaScript文件时，不仅可以在head标签内引入还可以在body标签内引入。 此外，引入外部CSS文件使用的是link标签，引入外部JavaS
html和css文件的路径问题
Nemo的笔记本
04-11 1万+
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。 为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。 HTML有2种路径的
HTML中Src路径问题
wzc1988的博客
11-18 2954
src="~/_js/jsDateYM.js" 从应用程序的根据目录下面的_js src="../_js/jsDateYM.js" 引用当前目录上级目录的_js ~/代表应用根目录 /代表网站根目录，如果是在网站下面的虚拟目录中，~/代表在虚拟目录的根目录，/代表在网站的根目录, ../当前目录的上一级目录 ./当前目录
Flask中HTML文件的引用路径写法详解
最新发布
NfsVerilog的博客
09-18 355
在使用Flask开发Web应用程序时，经常需要在HTML文件中引用其他的静态资源，比如CSS文件、JavaScript文件、图片等。通过这种方式，Flask会自动处理路径的生成，确保资源可以正确地被加载。首先，我们需要在Flask应用程序中配置静态文件夹的路径。除了CSS和JavaScript文件，我们还可以在HTML文件中引用静态图片。如有疑问，请随时提问。函数用于生成正确的URL路径，确保JavaScript文件可以被正确加载。综上所述，在Flask中正确引用HTML文件中的静态资源，可以通过使用。
python打开本地html文件夹_html、js获取本地文件夹路径，打开本地应用程序
weixin_39789399的博客
12-21 864
方法1：function runExecutable(){var executableFullPath=document.getElementById("path").value;try {var shellActiveXObject = new ActiveXObject("WScript.Shell");if ( !shellActiveXObject ){alert('Could not g...
vue中css文件引入：src VS @import
weixin_40579884的博客
07-13 2841
在vue文件中，引入css文件常用的两种方式： 1.使用src <style src="./index.css"><style> 2.使用@import <style> @import './index.css' </style> 因为没有加 scoped ，以上两种方式没有什么区别，作用域都是全局 如果加上scoped呢？是否作用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

好人不心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值