网页设计 订阅所有【网页设计】的日志

以双斜杠//开头的URL的含义

编辑:dnawo 日期:2019-11-18

字体大小: 小 中 大
不知道大家有没有见过下面这种 url 写法：

复制内容到剪贴板程序代码 程序代码
<img src="//mzwu.com/img/logo.png">

img 中的url是以双斜杠“//”开头的，这种写法有特殊的用途，它会判断当前的页面协议是http 还是 https 来决定请求 url
的协议。防止IE下出现“This page contains both secure and nonsecure items”的报错。



如果你浏览的是本地文件，它又会解析为 file:// 协议。

这种特性可以用来加载CDN：

复制内容到剪贴板程序代码 程序代码
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>

也适用于CSS：

复制内容到剪贴板程序代码 程序代码
.omgomg { background: url(//mzwu.com/lvtao.gif); }

注意：如果在IE7，IE8中使用 <link> 和 @import 引入 CSS 的时候，会下载两次 CSS 文件。

参考资料

[1].the-protocol-relative-url：http://www.paulirish.com/2010/the-protocol-relative-url/

上一篇: Windows10打开SendTo文件夹拒绝访问解决方法
下一篇: Font Awesome图标字体库使用示例
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 3031
发表评论
请登录后再发表评论！