html中绝对路径和相对路径的区别?比较相对路径和绝对路径的优缺点

时间: 2018-04-23阅读: 2492标签: url

绝对路径和相对路径的区别?

1. 绝对路径:就是你的文件或目录在硬盘上的真正的路径例如“bg.jpg”这个图片是存放在硬盘的“E:\img”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:\img\bg.jpg"

2. 相对路径:顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径都用这个方法,例如在“s1.html” 文件里引用了“bg.jpg”图片,由于“bg.jpg”图片相对于“s1.html”来说,是在同一个目录下的,那么要在“s1.html”文件里使用以下代 码后,只要这两个文件的相对位置没有变(也就是说还是在同一个目录内),那么无论上传到Web服务器的哪个位置,在浏览器里都能正确地显示图片。再举一个例子,假设“s1.html”文件所在目录为“E:\html”下面,而“bg.jpg”图片所在目录为“E:\html\img”,那么“bg.jpg”图片相对于“s1.html”文件来说,是在其所在目录的“img”子目录里,则引用图片的路径应该为:img/bg.jpg 


比较相对路径和绝对路径的优缺点

(1) 绝对路径的优点

① 如果有人将你的网页保存到另外一台电脑中,里面的链接、图片、css、以及js仍然会链接到你电脑的路径,这个时候就无法找到该资源,加载不出来,这样就可以防止被抄袭

② 如果网页位置改变,里面的链接还是指向正确的URL


(2) 绝对路径的缺点

① 在编码编写时不方便使用绝对路径,因为链接应该指向真正的域名,而不是开发站点


相对路径的优缺点和绝对路径的优缺点几乎相反

(3) 相对路径的优点

① 容易移动内容,可以整个目录移动

② 测试方法比较灵活,本机测试时比较方便


(4) 相对路径的缺点

① 部分内容页面换了位置时,链接容易失败

② 容易被人大面积采集抄袭


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/693

URL和URI的区别

URL的格式由下列三部分组成:协议(或称为服务方式);存有该资源的主机IP地址(有时也包括端口号);主机资源的具体地址,如目录和文件名等。URI,统一资源标识符:主机名。存放资源的自身的名称,由路径表示

什么是网址?

网址通常指因特网上网页的地址。企事业单位或个人通过技术处理,将一些信息以逐页的方式储存在因特网上,每一页都有一个相应的地址,以便其他用户访询而获取信息资料,这样的地址叫做网址。

Js获取URL的协议?

想要获取当前URL的协议,可以使用JavaScript的location.protocol属性。 网络协议定义了网络设备之间通信的规则和约定。通过采用这些规则,两个设备可以相互通信并且可以交换信息。http:超文本传输协议(HTTP)是分布式系统的应用协议。

常用的URL Scheme

url scheme 可用于APP拉新推广,老客召回,免填邀请码地推,一键直达指定页面,快速还原场景提供智能短链,智能二维码,携参数安装,启动,可进行多维度数据统计,分析

qs.js_更好的处理url参数

一次接触qs这个库,是在使用axios时,用于给post方法编码,在使用过程中,接触到了一些不同的用法,写在这里分享一下:qs.parse、qs.stringify、排序、指定数组编码格式、处理json格式的参数

Url的Base64编码以及解码

Base64可以将二进制转码成可见字符方便进行http传输,但是base64转码时会生成“+”,“/”,“=”这些被URL进行转码的特殊字符,导致两方面数据不一致。

一个完整URL的组成

用来传输客户端和服务器端交互的信息的(类似于快递小哥),HTTP(顺丰):超文本传输协议(除了传递普通的文本,还可以传递文件流或者进制编码等信息),是目前最常用的WEB传输协议

js修改url

这篇文章主要介绍修改url地址的一些方法,包括:修改url重新加载,修改url但不重新加载。如果修改url但不重新加载,可以使用html5后引入的History.pushState(),History.replaceState()

URL和URI

URL只是URI的一个子集,http://abc.jsp就是一个URL,URI 是 Uniform Resource Identifier 的缩写。RFC2396 分别对这 3 个单词进行了如下定义。Uniform规定统一的格式可方便处理多种不同类型的资源

js用获取url传递的参数方法总汇

这篇文章主要总结使用Js获取url中的某个参数值,下面介绍几种实现的过程。js原生方法,URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!