插入jquery标记后加载jquery

Loading jquery after inserting the jquery tag

本文关键字：jquery 加载 插入      更新时间：2023-09-26

我插入jquery标签

    var newScript = document.createElement("script");
        newScript.id = "grazit_jq";
        newScript.type = "text/javascript"           
        newScript.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";
        script.parentNode.appendChild(newScript);

然后我想检查jquery是否存在。

我这样做有几种方式。一种方法是这样的：

     var checkJquery=function(){
        if(typeof(jQuery) === 'undefined')
        {
           console.log('jQuery doesnt exist');
            window.setTimeout(arguments.callee,1000);
            return;
        }
        else{
        sprk_lib=new sprk();
           sprk_lib.load(jQuery);
        }
    };
  sprk.prototype.load=function($){

 console.log($);

}；更新现在我更新了代码。一旦jQuery对象可用，它就会调用该函数。

在该函数中，我将执行我的jquery代码。你认为会有问题吗？这样做可以吗？

原始

我在那里等着。问题是在控制台日志中，它返回null并且打印的jQuery存在。如何在加载jquery之前停止脚本，然后继续执行脚本？

考虑使用已建立的JavaScript脚本加载程序，如LABjs或LazyLoad，它们提供可靠的回调，在脚本完全加载之前不会启动。

查看以下5个JavaScript脚本加载程序的摘要。

例如：

LazyLoad.js('https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', function () {
  console.log('jQuery exists!');
  console.log('Document title: ' + $("title").text());
});

需要注意的一点是，如果您想推迟所有进一步的脚本执行，直到加载jQuery之后，您可以将脚本的其余部分放在这个回调函数中。然而，这将打破一整套最佳实践（关注点分离、松耦合等），因此您最好的选择是将现有函数作为回调传递，从而调用其他函数等。例如：

function doSomething() {
  console.log('I am doing something!')
  doSomethingElse();
}
function doSomethingElse() {
  console.log('I am doing something else!');
}
LazyLoad.js('https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', doSomething);

您可以进一步改进您的应用程序体系结构（例如，通过引入PubSub），但这超出了这个问题的范围，所以我就不谈了。

相关文章：