在页面上定位一个资源(JS/CSS/image),通常的url是这么写的:
http://www.a.com/a.css
或者使用相应路径 "./a.css" 或者是 绝对路径 "/a.css",
这种好处是可以自动使用当前页面的协议、端口、域名
还有一种:
"//www.a.com/a.css" 这种写法规避了同一个网站,同时支持 http/https访问的情况。
看起来不错,确是有个坑:
[b]IE7/8下面,这种方式连接的css资源,每一个都会被重复下载2次。[/b]
具体可以参阅:
[b]http://www.stevesouders.com/blog/2010/02/10/5a-missing-schema-double-download/[/b]
PS:
实验中发现,[b]如果url中带了端口号[/b],似乎IE7/8就表现正常,不再重复下载了。
例如:
"//www.a.com:1234/a.css" 目前观察到只下载一次!
[b]另外,通过createElement("link")动态插入的元素[/b],也没有发现重复加载问题。
http://www.a.com/a.css
或者使用相应路径 "./a.css" 或者是 绝对路径 "/a.css",
这种好处是可以自动使用当前页面的协议、端口、域名
还有一种:
"//www.a.com/a.css" 这种写法规避了同一个网站,同时支持 http/https访问的情况。
看起来不错,确是有个坑:
[b]IE7/8下面,这种方式连接的css资源,每一个都会被重复下载2次。[/b]
具体可以参阅:
[b]http://www.stevesouders.com/blog/2010/02/10/5a-missing-schema-double-download/[/b]
PS:
实验中发现,[b]如果url中带了端口号[/b],似乎IE7/8就表现正常,不再重复下载了。
例如:
"//www.a.com:1234/a.css" 目前观察到只下载一次!
[b]另外,通过createElement("link")动态插入的元素[/b],也没有发现重复加载问题。