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

时间: 2018-04-23阅读: 2289标签: 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到显示页面的步骤(以HTTP为例)

在浏览器地址栏输入URL,浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤,如果资源未缓存,发起新请求,如果已缓存,检验是否足够新鲜,足够新鲜直接提供给客户端,否则与服务器进行验证...

将网址url中的参数转化为JSON格式的两种方法

在我们进入主题前,我先先看下获取网址URL的方法:window.location.href 设置或获取整个URL为字符串 ,window.location.hash设置或获取href属性中在井号#后面的部分参数

短网址(short URL)的实现_如何生成短链接URL?

什么是短链接 ?就是把普通网址,转换成比较短的网址。好处不言而喻:短、字符少、美观、便于发布、传播。所以如何来优雅的生成足够短的字符串唯一ID呢?

js中window.URL对象的使用方式

URL.createObjectURL(object)是URL对象的静态方法,其实就是返回了一个在内存中指向传入参数object的引用路径url字符串。生成的这个url字符串会在当前页面的document被销毁的时候失效。

angularjs如何获取url参数?

Angular中通过$location获取URL参数。$location服务负责解析浏览器地址栏中的URL(基于window.location),以便你的应用可以访问它。 这是一个双向同步机制 —— 对地址栏URL的任何修改都会被映射到$location服务中

JS获取URL中参数值的4种方法

我们在做页面跳传参的时候有时候需要处理传过来的参数进行匹配数据(一般用于详情页),一开始我想的是通过split进行分割获取,但是在实际开发过程中觉得有点单一

URL中“#” “?” &“”号的作用

#代表网页中的一个位置。其右面的字符,就是该位置的标识符。比如,http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后,会自动将print位置滚动至可视区域

怎样获取当前网页的URL?

document.documentURI,document.URL两个属性的作用是完全一样的. 都是返回一个当前网页URL的字符串; document.documentURI 继承自Document接口, 适用于所有文档;

js中的window.location.search的用法与作用。

用该属性获取页面 URL 地址:window.location 对象所包含的属性,JS 脚本捕获页面 GET 方式请求的参数?其实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。

URL和URI的区别

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

点击更多...

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