javascript - 动态加载时如何检测jquery是否已加载

Question

如果未加载，我正在尝试将 jquery 加载到页面。我将在加载后立即运行一些代码。使用下面的代码，我试图在加载 jquery 时捕获它。

我的代码正确加载了 jquery 但没有引发 onreadystatechange 事件。

if(typeof jQuery=='undefined') {
    var headTag = document.getElementsByTagName("head")[0];
    var jqTag = document.createElement('script');
    jqTag.type = 'text/javascript';
    jqTag.src = 'http://localhost:8001/jquery-min.js';
    headTag.appendChild(jqTag);

    jqTag.onreadystatechange= function () {
        if (this.readyState == 'complete') {
            this.loadWidget(containerId);   
        }
    };
}
else {
    this.loadWidget(containerId);
}   

加载 jquery 时如何捕获它？

Answer 1

脚本标签有一个 onload 事件用于脚本加载时

if (typeof jQuery === 'undefined') {

    var headTag = document.getElementsByTagName("head")[0];
    var jqTag   = document.createElement('script');

    jqTag.type = 'text/javascript';

    jqTag.onload = function() {
        this.loadWidget(containerId);   
    }

    jqTag.src  = 'http://localhost:8001/jquery-min.js';
    headTag.appendChild(jqTag);

} else {
    this.loadWidget(containerId);
}