引出问题:
<javascript src='https://abc.js'>与<javascript src='//abc.js'></javascript>的区别。
应用场景：
浏览器默认是不允许在 https 里面引用 http 资源的，一般都会弹出提示框，需要用户确认后才会继续加载，用户体验非常差。而且如果在一个 https 页面里动态的引入 http 资源，比如引入一个 js 文件，会被直接 block 掉。
解释：
相对协议：相对协议就是将URL的协议（http、https）去掉，只保留//及后面的内容。这样，在使用https的网站中，浏览器会通过https请求URL，否则就通过http发送请求。
需要注意的是，如果是浏览本地文件，浏览器通过file://协议发送请求，导致请求失败，因此本地测试最好是搭建一个本地服务器。
如果你的网站同时准备了 https 资源和 http 资源，那么，可以使用相对协议可以帮助你实现当网站引入的都是 http 资源，网站域名更换为 https 后的无缝切换。
此方法也适用于img标签 和css样式中:
<img src='//def.net/image/img.gif'>
.img{ background: url(//def.net/image/img.gif); }
原文地址:https://csspod.com/the-protocol-relative-url/
最后，感谢k哥，每次都能让我知道自己是多么多么无知。
