ste*_*nem 6 javascript fallback external cdn head.js
我想使用Head JS为我的页面动态加载所有其他脚本.我打算使用CDNJS托管的版本来利用更好的缓存,减少延迟等.
我没有理由认为CDNJS会去任何地方,但即使对于谷歌CDN托管的文件,如jQuery,我也希望包括一个后备.当我使用jQuery时,文件包含在<body>
标签的末尾.由于Head JS的性质,我需要将它包含在<head>
我的页面中.
在<body>
我会使用这样的两行:
<script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/0.96/head.min.js"></script>
<script> window.head || document.write('<script src="js/libs/head-0.96.min.js"><\/script>') </script>
Run Code Online (Sandbox Code Playgroud)
我可以在头部使用同一组线作为后备吗?不会document.write()
覆盖我的整个页面?<head>
由于浏览器解析DOM的顺序,脚本存在时是否加载不同?
我对此仍然很陌生,所以任何指导都会非常有用!谢谢!
您可能已经知道,您不会测试window.jQuery
head.js 中包含的某些功能。
此外,你可能不想document.write()
在这里使用两次,这是对的。
而不是document.write()
,尝试这个:
function appendScript(url) {
var head = document.getElementsByTagName('head')[0];
var theScript = document.createElement('script');
theScript.type = 'text/javascript';
theScript.src = url;
theScript.onreadystatechange = callback;
theScript.onload = callback;
head.appendChild(theScript);
}
Run Code Online (Sandbox Code Playgroud)
对于 url,请使用本地后备。
归档时间: |
|
查看次数: |
5847 次 |
最近记录: |