如何动态加载javascript文件

How load a javascript file dynamically?

本文关键字：加载 javascript 文件 动态 何动态      更新时间：2024-01-03

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

欢迎任何帮助。

您可以使用纯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');

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

您正在寻找的答案是@bagonyi已经给出的答案。我想补充一点，还有很多库可以封装这一功能，跨浏览器工作，并进行一些优化。为此，我经常使用requireJS：http://requirejs.org/

相关文章：