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

最新推荐文章于 2022-02-20 13:01:12 发布

转载最新推荐文章于 2022-02-20 13:01:12 发布 · 353 阅读

文章标签：

#javascript #ViewUI

本文介绍了以双斜杠（//）开头的URL写法及其应用场景。这种写法能够自动适配当前页面的HTTP或HTTPS协议，有效避免了混合内容错误，并展示了在图片、脚本及样式表中的具体应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文:以双斜杠//开头的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/