在img中以双斜杠//开头的URL是有何作用?
发布时间:01/14 来源: 浏览:
关键词:
刚来公司上班的时候,看到以前的程序员写的程序里面调用http地址是,不是用http而是用双斜杠//开头,刚开始不知道这样写有什么好处,虽然能够正常浏览,后来在网上找了资料,才发现原来是这么回事。
不知道大家有没有见过下面这种 url 写法:
<IMG src="file://xxx.net/img/logo.png">
img 中的url是以双斜杠“//”开头的,这种写法有特殊的用途,它会判断当前的页面协议是http 还是 https 来决定请求 url 的协议。防止IE下出现“This Page Contains Both Secure and Non-Secure Items”的报错。
但是当你浏览本地文件的时候,它会解析为 file:// 协议。这种特性可以用来加载CDN:
也适用于CSS:
.omgomg { background: url(//lvtao.net/lvtao.gif); }
注意:如果在IE7,IE8中使用 和 @import 引入 CSS 的时候,会下载两次 CSS 文件。
参考:http://www.paulirish.com/2010/the-protocol-relative-url/