木子屋
 

标题: 以双斜杠//开头的URL的含义

作者: dnawo

日期: 2019-11-18 01:02 PM

分类: 网页设计

内容: 不知道大家有没有见过下面这种 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/

+ 查看当前日志评论 (0)

 

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.596 ms

标题: 以双斜杠//开头的URL的含义

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.596 ms

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.596 ms