在url/src/href属性中出现的两个斜杠是什么意思？

Question

在url/src/href属性中出现的两个斜杠是什么意思？

170

可能是重复问题：
以两个斜杠开头的URI...它们如何工作？
省略协议（scheme）的绝对URL以保留当前页面的协议（protocol）
script和link标签中使用“//”作为缩写？有人使用过吗？

我正在查看HTML5 Reset的源代码，当我注意到以下这行：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

为什么URL以两个正斜杠开头？这是http://的缩写吗？

- Michael Parkin

可能是重复的问题：绝对URL省略协议（方案），以保留当前页面的协议（方案），另请参见：我能将所有http://链接改为//吗？ - Wesley Murch

可能是重复的问题：在<script src=“http://…”>中用//替换http://是否有效？以两个斜杠开头的URI……它们的行为如何？ - outis

2个回答

15

它将根据请求方式自动添加https或http。

- Radu Cugut

14

值得注意的是，这将填充不仅 http 或 https，还包括浏览器支持的任何其他协议，例如 FTP。它告诉浏览器使用正在使用的相同协议。（很抱歉在旧帖子上进行评论！） - kirgy

现在还有http2，所以可能会有更多有趣的东西出现。 - undefined

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- vzwick · Accepted Answer

“两个斜杠”通常是“使用加载当前页面的协议请求所引用的资源”的常见简写。

最为人熟知的是“协议相对URL”，当元素（例如你示例中的JS文件）可以从http或https上下文中提供和/或请求时，它们尤其有用。通过使用协议相对URL，您可以避免实现

if (window.location.protocol === 'http:') {
    myResourceUrl = 'http://example.com/my-resource.js';
} else {
    myResourceUrl = 'https://example.com/my-resource.js';
}

如果代码中的逻辑类型存在混乱（假设服务器的example.com可以通过http和https同时提供内容），那么你需要注意以下问题。

一个著名的实际例子是Magento 1.X电子商务引擎：为了性能原因，分类和产品页面默认使用纯粹的http，而结账则启用https。

如果某些资源（例如网站头部的促销横幅）通过非协议相关URL（即http://example.com/banner.jpg）进行引用，则访问启用https的结账页面的客户将收到相当不友好的提示：

"此页存在不安全元素"

- 这显然对业务来说并不会产生良好的效果。

但如果前面提到的资源是通过//example.com/banner.jpg进行引用的，浏览器会在纯http的产品/类别��面和启用https的结账流程中自动选择适当的协议加载它。

简而言之：即使有最小的混合http/https环境可能，请使用双斜杠/协议相关URL来引用资源，前提是提供这些资源的主机支持http和https。