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