如何动态加载JavaScript文件?

时间:2013-12-01 22:35:49

标签: javascript html

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

欢迎任何帮助。

3 个答案:

答案 0 :(得分:4)

你可以用纯javascript或jQuery做到这一点,这里有两种方式(我更喜欢jQuery方式):

的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');

答案 1 :(得分:2)

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);
}

答案 2 :(得分:1)

你正在寻找的答案是@ bagonyi已经给出的答案。我想补充一点,还有很多库包含这个功能,跨浏览器工作并会做一些优化。我经常使用requireJS:http://requirejs.org/