https/相对路径,绝对路径
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了https/相对路径,绝对路径相关的知识,希望对你有一定的参考价值。
1. htttps
HTTPS(全称:Hyper Text Transfer Protocol over Secure Socket Layer),是以安全为目标的HTTP通道,简单讲是HTTP的安全版
HTTPS和HTTP的区别主要为以下四点:(来自百度百科)
一、https协议需要到ca申请证书,一般免费证书很少,需要交费。
三、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。
四、http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,比http协议安全。
2. 相对路径和绝对路径
在html里只要涉及文件的地方(如超级链接、图片等)就会涉及绝对路径与相对路径的概念。
1.绝对路径 (来自夏雪冬日的博客的总结)
绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\\book\\网页布局代码\\第2章”目录下,那么 “bg.jpg”这个图片的绝对路径就是“E:\\book\\网页布\\代码\\第2章\\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用 以下语句:
<body backround="E:\\book\\网页布局\\代码\\第2章\\bg.jpg" >
2.使用绝对路径的缺点
事实上,在网页编程时,很少会使用绝对路径,如果使用“E:\\book\\网页布\\代码\\第2章\\bg.jpg”来指定背景图片的位置,在自己的计算机上 浏览可能会一切正常,但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时,可能整个网站并没有放在Web服务器的E盘, 有可能是D盘或H盘。即使放在Web服务器的E盘里,Web服务器的E盘里也不一定会存在“E:\\book\\网页布局\\代码\\第2章”这个目录,因此在浏 览网页时是不会显示图片的。
3.相对路径
为了避免这种隋况发生,通常在网页里指定文件时,都会选择使用相对路径。所谓相对路径,就是相对于自己的目标文件位置。例如上面的例子,“s1.htm” 文件里引用了“bg.jpg”图片,由于“bg.jpg”图片相对于“s1.htm”来说,是在同一个目录的,那么要在“s1.htm”文件里使用以下代 码后,只要这两个文件的相对位置没有变(也就是说还是在同一个目录内),那么无论上传到Web服务器的哪个位置,在浏览器里都能正确地显示图片。
注意:相对路径使用“/”字符作为目录的分隔字符,而绝对路径可以使用“\\”或“/”字符作为目录的分隔字符。由于“img”目录是“第2章”目录下的子目录,因此在“img”前不用再加上“/”字符。
在 相对路径里常使用“../”来表示上一级目录。如果有多个上一级目录,可以使用多个“../”,例如“http://www.cnblogs.com/”代表上上级目录。
4.相对虚拟目录
有关相对路径还有一个比较特殊的表示:“相对虚拟目录”。请看下面的例子:
<body background="/img/bg.jpg">
在这个例子里,background属性的值为“/img/bg.jpg”,注意在“img”前有一个“/”字符。这个“/”代表的是虚拟目录的根目录. 假设把“E:\\book\\网页布局\\代码”设为虚拟目录,那么“/img/bg.jpg”的真实路径为“E:\\book\\网页布局\\代码\\img \\bg.jpg”;如果把“E:\\book\\网页布局\\代码\\第2章”设为虚拟目录,那么“/img/bg.jpg”的真实路径为“E:\\book\\网页 布局\\代码\\第2章\\img\\bg.jpg”
************************
1. 真实目录,就是文件储存到你电脑硬盘上的目录,例如:E:\\Website, E:\\Website\\Image就是真实的目录
2. 虚拟目录,是对Http访问而言的,用户在浏览网站或FPT时显示的目录结构。例如你在IIS上设置了E:\\Website为访问目录。那么E:\\Website为虚拟目录的根目录;E:\\Website\\Image,就变成了\\Image. 变成虚拟目录后的结构如下根目录
|_Image
可见这个目录是虚拟出来的,而不是电脑上的真实目录,但访问比真实目录强,在网站设计时更加方便。因为有时候设计网页的电脑与放在网上访问的电脑是不同的。放置文件的真实目录有可能就不同。有的放在E盘上、有的放在D盘上。但通过虚拟目录以后,目录就统一,这也是设计网页的要求。
3.js中 跳转到指定网页:
1) document.location.assign(".......");
2) window.location = ‘.......‘;
3) location.href = ‘http://www.baidu.com‘;
以上是关于https/相对路径,绝对路径的主要内容,如果未能解决你的问题,请参考以下文章