Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何动态加载javascript文件?_Javascript_Html - Fatal编程技术网

如何动态加载javascript文件?

如何动态加载javascript文件?,javascript,html,Javascript,Html,我有一个js文件,我想使用JavaScript在网页中动态加载它。我想在网页加载后加载文件 欢迎任何帮助。您正在寻找的答案是@bagonyi已经给出的答案。我想补充一点,还有很多库包装了这个功能,跨浏览器工作,并将进行一些优化。我经常使用requireJS来实现这一点:您可以使用纯javascript或jQuery来实现这一点,以下是两种方式(我更喜欢jQuery方式): window.onload = function () { var head = document.getEleme

我有一个js文件,我想使用JavaScript在网页中动态加载它。我想在网页加载后加载文件


欢迎任何帮助。

您正在寻找的答案是@bagonyi已经给出的答案。我想补充一点,还有很多库包装了这个功能,跨浏览器工作,并将进行一些优化。我经常使用requireJS来实现这一点:

您可以使用纯javascript或jQuery来实现这一点,以下是两种方式(我更喜欢jQuery方式):

window.onload = function () {
    var head = document.getElementsByTagName('head').item(0);
    var script = document.createElement('script');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('src', 'some.js');
    head.appendChild(script);
}
JavaScript

var h = document.getElementsByTagName('head')[0];
var s = document.createElement('script');
s.src = 'http://url.to/your/script.js';
h.appendChild(s);
jQuery

$.getScript('http://url.to/your/script.js');

虽然有点像是一个简单的答案,但我发现RequireJS是一个非常实用的方法——而且肯定胜过另一个手工实现。然而,我相信RJS受制于CORS(因为它使用XHR,而不是脚本元素,IIRC)。这不是一个真正的答案。我修改了它,以表明我的答案是对已经给出的正确答案的补充。