加载 DOM 后如何运行 jQuery 的后备副本？

Question

以下是我文档中 body 结束标记上方

if(!window.jQuery){
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '/js/jquery.js';
    var scriptHook = document.getElementsByTagName('script')[0];
    scriptHook.parentNode.insertBefore(script, scriptHook);
}


jQuery(document).ready(function($){
// page behaviors
});

它确实执行成功，因为如果我的计算机未连接到 Internet（这是本地提供的页面），则会插入 jQuery 的本地副本。但是，下面的 document.ready() 部分不会执行。我猜这是因为它是在 jQuery 的后备副本生效之前调用的。以某种方式“延迟”其执行以便 jQuery 的任一副本都能正常工作的正确做法是什么？

Answer 1

考虑使用现有的脚本加载器，例如 yepnope。主页上有一个示例说明了您正在尝试执行的操作。

Answer 2

在调用 jQuery 之前，您需要确保附加到 dom 的脚本已完成加载。您可以使用此处描述的技术来完成此操作：

if(!window.jQuery){
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '/js/jquery.js';
    script.onreadystatechange= function () {
      if (this.readyState == 'complete') jQueryLoaded();
    }
    script.onload = jQueryLoaded;
    var scriptHook = document.getElementsByTagName('script')[0];
    scriptHook.parentNode.insertBefore(script, scriptHook);
}

function jQueryLoaded() {  };

您还可以将 jQuery 内容作为 Ajax 请求获取，创建一个脚本标签，将其作为脚本的主体并附加它。那也行。

Answer 3

尝试一下

<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<script>
    jQuery(document).ready(function($){
        // page behaviors
    });
</script>

这样脚本标签将被同步加载。

Answer 4

最近似乎多次出现“我如何应对 CDN 故障并加载服务器上托管的文件”的问题。

我要问的问题是，添加更多 js 是否是实现弹性的方法，以及 js 方法真正添加的弹性级别是多少，例如，如果 CDN 出现故障，它们将很快失败，但是如果CDN 响应缓慢 这些解决方案的应对能力如何？

解决此问题的另一种方法是将其视为基础设施问题...

根据您拥有的域/子域运行 CDN。自动监控其可用性，当 DNS 失败时，将其切换到备份服务器（任播也可以提供替代解决方案）

Answer 5

php 解决方案将是这样的：

$google_jquery = 'https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
$fp = @fsockopen($google_jquery, 'r');
if (!$fp) 
{
    echo '<script type="text/javascript" src="js/jquery.js"></script>';
} 
else
{ 
    echo '<script src="'.$google_jquery.'"></script>' }
}