动态加载JavaScript文件后如何添加回调 [英] How to add callback after dynamically loading javascript file

问题描述

我具有以下功能:

function require(url)
{
    var e = document.createElement("script");
    e.src = url;
    e.type="text/javascript";
    document.getElementsByTagName("head")[0].appendChild(e);
}

哪些允许在运行时动态加载javascript，并且我需要在加载一些新文件后添加回调

Which allows to dynamically load javascript at runtime, and I need to add a callback after loading some new files

例如，当我

require('className.js');

在通话之后

var a = new window[className];

文件尚未加载，因此会生成错误.

file has not been loaded yet, so it generates an error.

推荐答案

您可以在脚本元素上添加onLoad，但是请注意，在某些较旧版本的IE上，它会出现问题.

You can add an onLoad on the script element, but beware that on some older version of IE is a bit buggy.

以您的代码作为参考:

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

require("some.js", function() { 
   // Do this and that
});

这篇关于动态加载JavaScript文件后如何添加回调的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！