将动态脚本资源添加到页面

Question

在我正在开发的应用程序中，我需要在加载页面后动态包含一些javascript文件。如何实现这个目标？

Answer 1

您可以使用以下函数

动态加载脚本资源

function loadScript(src){
    var script = document.createElement("script");
    script.src = src;
    document.body.appendChild(script);
}

这里我们动态创建一个脚本元素，并将其添加到页面的DOM结构中。

如果您使用jQuery，则可以使用getScript()方法动态获取脚本资源。

Answer 2

向页面添加动态脚本资源

function loadScript(src){
var script = document.createElement("script");
script.src = src;
document.body.appendChild(script);
}