如何从<head>中的本地回退的CDN加载javascript

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的顺序,脚本存在时是否加载不同?

我对此仍然很陌生,所以任何指导都会非常有用!谢谢!

Ada*_*ant 0

您可能已经知道,您不会测试window.jQueryhead.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,请使用本地后备。