码迷,mamicode.com
首页 > Web开发 > 详细

以双斜杠//开头的URL – 依赖协议的URL

时间:2018-04-10 15:25:55      阅读:401      评论:0      收藏:0      [点我收藏+]

标签:tle   toc   ref   url   web   tps   分享图片   解析   特殊   

原文:以双斜杠//开头的URL – 依赖协议的URL

 

不知道大家有没有见过下面这种 url 写法:

<img src="//domain.com/img/logo.png">
img 中的url是以双斜杠“//”开头的,这种写法有特殊的用途,它会判断当前的页面协议是http 还是 https 来决定请求 url 的协议。防止IE下出现“This Page Contains Both Secure and Non-Secure Items”的报错。

技术分享图片

 



但是当你浏览本地文件的时候,它会解析为 file:// 协议。这种特性可以用来加载CDN:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
也适用于CSS:

.omgomg { background: url(//websbestgifs.net/kittyonadolphin.gif); }
注意:如果在IE7,IE8中使用 <link> 和 @import 引入 CSS 的时候,会下载两次 CSS 文件。

参考:http://www.paulirish.com/2010/the-protocol-relative-url/

 

 

以双斜杠//开头的URL – 依赖协议的URL

标签:tle   toc   ref   url   web   tps   分享图片   解析   特殊   

原文地址:https://www.cnblogs.com/lonelyxmas/p/8778438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!