HTML引用外部css 、js的路径

上半部分原文地址：
https://blog.csdn.net/Ada_lake/article/details/89956457

HTML引用外部css，其实说简单点就是

href 内填入路径即可
然而今天感觉自己之前都有点。。没引入进来就试出来的赶脚。。。
索性就把情况都归纳一下
1. html,css 在同一文件夹下

直接引用css的名字即可，因为在当前路径之下

2. html,css 在同一文件夹下，但！css在该文件夹的子！文件夹下

在引用css的名字前加上子文件夹名字即可，相当于顺着找就能找出这个css

2. html,css 在不同一文件夹下

这里只能用相对路径的方式了，相当于让搜索小人儿从HTML文件夹中出去，再找css文件夹

相对路径比绝对路径慢，这个没有什么好说的，毕竟要出去一层层找，跟直指目标肯定不一样

自己的体会：

在写css、js的时候应该把文件夹置于和WEB-INF同级，而不是在WEB-INF内，如果放在里面的话，是没有办法访问到的。用以下结构就可以访问到，然后再按照上面的方法去寻址就可以了。
如果使用绝对路径，用 / 开始，是用web作为根目录的，比如ajax.js；使用绝对路径：

<script src="/js/ajax.js" type="text/javascript"></script>

而相对与ajax.jsp使用相对路径：

<script src="../js/ajax.js" type="text/javascript"></script>

HTML引用外部css 、js的路径相关推荐

vue-cli项目引用外部CSS和JS
vue-cli项目引用外部css和js 引用外部CSS 全局引用css 单文件引入CSS 引用外部JS 全局引用JS 单页面引用JS 引用外部CSS 全局引用css 方法一: ①将公共css文件放到s ...
html引用外部css文件（使用绝对路径）
html代码引用外部css文件时若css文件在本文件的父目录下的其他目录下,可使用绝对路径.此时路径要写为 " /... "形式,如在tomcat下建立一个test文件,在该文件 ...
HTML引用外部css的路径
HTML引用外部css,其实说简单点就是 href 内填入路径即可然而今天感觉自己之前都有点..没引入进来就试出来的赶脚... 索性就把情况都归纳一下 1. html,css 在同一文件夹下直接引 ...
PHP外部引用样式,PHP引用外部css有什么好处
PHP引用外部css的好处有:1.网页处理速度会更快一些:2.可以防止一些电脑程度较低的使用者直接看到CSS语法:3.维护方便. PHP引用外部css有什么好处? php页面外部调用css样式表时有三 ...
uniapp h5、app引用外部在线js
uniapp h5.app引用外部在线js 1. H5 在app.vue var script = document.createElement('script'); script.src = &qu ...
HTML文件引入外部CSS文件时路径的写法总结
HTML文件引入外部CSS文件时路径的写法总结一. 引入外部css文件的基本样式二 . 路径的基本规则三 . 常见情况路径写法示例 1. index.html和style.css文件在同一文件夹 ...
ecshop 去除前台模板自动解析CSS/JS/IMG路径
2019独角兽企业重金招聘Python工程师标准>>> 找到includes/cls_template.php 大约1101行 /* 在头部加入版本信息 *///$source = ...
IOS UIWebView引用外部CSS样式（转载）
首先,将要引用的CSS样式导入到工程文件,然后我们可以自己拼装一个网页并引用这个样式,具体代码实现如下: -(void)viewDidLoad { [super viewDidLoad]; NSStr ...
java路径向上引用_关于javaweb中的绝对路径和相对路径（关于引用外部资源时的路径问题）...
相信大家在写web项目时,对于外间资源的引用多多少少都会用到,而此时引用的路径就显得十分重要!(在跳转或者其它请求后页面样式得丢失便就是路径得问题) 在开始之前大家需要明白一点就是web项目创建的时候 ...

HTML引用外部css 、js的路径

自己的体会：

HTML引用外部css 、js的路径相关推荐

最新文章

热门文章