1. 程式人生 > >以雙斜杠//開頭的URL – 依賴協議的URL

以雙斜杠//開頭的URL – 依賴協議的URL

HR 特殊 nbsp and item ati back contain AR

原文:以雙斜杠//開頭的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/

以雙斜杠//開頭的URL – 依賴協議的URL