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

最新文章

  1. 线段树 - ZYB&#39;s Premutation
  2. Net设计模式实例之桥接模式( Bridge Pattern)
  3. web前端开发分享-css,js工具篇
  4. .net中c#获取本机IP地址实例代码
  5. 2015.4.19 为什么footer下a的索引值那么大
  6. EventBus使用详解(一)
  7. 单片机实现60s定时器
  8. MVC 项目中为什么会有两个web.config
  9. 20145215《Java程序设计》第6周学习总结
  10. 九度-剑指Offer
  11. memory CPU cache books
  12. android之手工建立代码工程
  13. LeetCode刷题笔录Add Binary
  14. Android的数据存储方式(转)
  15. include与jsp:include区别
  16. 初学Python3 - 写一个登录程序
  17. MS SQL 数据库状态为SUSPECT(可疑)的处理方法
  18. 本地时间转化成 GMT 时间
  19. 对dump的文件进行状态统计
  20. js实现复制功能,将需要复制的内容放入剪切板上

热门文章

  1. 【22.17%】【codeforces718B】 Efim and Strange Grade
  2. [Angular Directive] Create a Template Storage Service in Angular 2
  3. [Angular] Scrolling the Message List To the Bottom Automatically Using OnChanges
  4. 历届图灵奖 (Turing award)得奖名单
  5. .netcore consul实现服务注册与发现-集群完整版
  6. 轻松学习JavaScript十八:DOM编程学习之DOM简单介绍
  7. 关于用什么作为dll版本号的思考
  8. 【codeforces 791D】 Bear and Tree Jumps
  9. Hibernate综合问题
  10. Netty:一种非易失堵塞client/server相框