javascript - 如何在 XHTML 中添加 jQuery CDN 回退？

Question

最好加载一个 CDN-hosted jQuery但到fallback to a local file .例如。 HTML5 Boilerplate 是这样做的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>

但是如何在 XHTML 中实现相同的功能呢？由于 document.write() 在正确的 XHTML 中不起作用(作为 application/xhtml+xml 发送)，是否有替代方案？

Answer 1

此代码创建一个新的 <script/>元素并将其附加在第一个 <script/> 之前页面上的元素:

if (!window.jQuery) {
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = 'js/vendor/jquery-1.8.0.min.js';

   var firstScript = document.getElementsByTagName('script')[0];
   firstScript.parentNode.insertBefore(script, firstScript);
}