6

我想使用Head JS为我的页面动态加载所有其他脚本。我打算使用由CDNJS托管的版本来利用更好的缓存、减少的延迟等。

我没有理由认为 CDNJS 会走向任何地方，但即使对于像 jQuery 这样的 Google CDN 托管文件，我也喜欢包含一个后备。但是，当我使用 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>

我可以在头部使用同一组行作为后备吗？不会document.write()覆盖我的整个页面？<head>由于浏览器解析 DOM 的顺序，当它们存在时，脚本不会以不同的方式加载吗？

我对此还是很陌生，所以任何指导都会非常有帮助！谢谢！

4

1 回答 1

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);
}

对于 url，请使用您的本地后备。

于 2012-07-20T17:24:35.750 回答