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

在HTML网页中，有时会发现类似于//www.studyofnet.com/news/1341.html这样的代码，那么，这种以双斜杠//开头的URL的含义是什么呢？

 

 

在WEB网页中，有时会发现类似下面这种 url 写法

<img src="//image.studyofnet.com/upfileImages/20161008/20161008222856974.gif">

其中，img 中的url是以双斜杠“//”开头的。

 

一、这种写法有特殊的用途

1、它会判断当前的页面协议是http 还是 https 来决定请求 url 的协议。

2、用于处理 网站使用的协议和 网页中请求的外网资源不一致的问题。

3、这种写法，也使用于CSS，例如：.omgomg { background: url(//image.studyofnet.com/upfileImages/20161008/20161008222856974.gif); }

 

二、应用场景

1、对于同时支持HTTPS和HTTP的资源，引用的时候要把引用资源的URL里的协议头去掉，例如：//image.studyofnet.com/upfileImages/20161008/20161008222856974.gif，这样相当于相对路径，即浏览器会自动根据当前是HTTPS还是HTTP来给资源URL补上协议头的，可以达到无缝切换。

2、对于站外的资源如果不支持HTTPS那就只能用iframe了。