javascript - 有条件的 javascript 加载

Question

对于我的后端，我想在它检测到某些元素时自动加载 javascript 文件。这是一个例子:

if($('.wysiwyg').length>0) {
     include('javascript/ckeditor/ckeditor.js');
     $(".wysiwyg").ckeditor();
}

但是当我执行代码时，我得到 $(".wysiwyg").ckeditor is not a function 因为浏览器似乎仍在加载或解析包含在行中的 javascript 文件前。如果我在该函数之前放置一个警报弹出窗口，它确实会起作用，因为它“暂停”了我猜想的脚本并给了它加载文件的时间。

有什么方法可以知道文件何时实际加载以便可以执行后续代码？

编辑:看来我问这个问题有点太早了。我找到了解决此问题的回调函数的 e.onload 属性。如果其他人可能偶然发现同样的问题，这就是我现在的职责:

function include(script, callback) {
    var e = document.createElement('script');
    e.onload = callback;
    e.src = script;
    e.type = "text/javascript";
    document.getElementsByTagName("head")[0].appendChild(e);
}


if($('.wysiwyg').length>0) {
    include('javascript/ckeditor/ckeditor.js', function() {
        $(".wysiwyg").ckeditor();
    });
}

Answer 1

为什么不使用内置的基于 ajax 的 getScript？
它还有一个回调机制，允许您仅在成功加载所需脚本后才执行一些代码:

function include(script,callback){
    $.getScript(script, function() {
        if(typeof callback == 'function')
        callback.apply({},arguments);
    });
}

然后你可以这样使用它:

if($('.wysiwyg').length>0) {
    include('javascript/ckeditor/ckeditor.js',function(){
        $(".wysiwyg").ckeditor();
    });
}