javascript - 单击按钮时从外部 .js 文件运行 Javascript 代码

Question

这是我想做的。
通常我们可以在不同的事件上调用 javascript 函数，只要脚本已经在页面中(可能在 head 部分)或者它已经在加载时从外部 js 文件加载到 head 部分。

是否可以加载外部 js 文件，而不是在页面加载时加载，而是在稍后阶段(比如)单击按钮时加载。

我知道这在 JQuery 中很容易实现:

$.getScript("url to js file", function(){});

但我想知道在没有 JQuery 的情况下，我们如何在页面中使用简单的 javascript 来做同样的事情？

Answer 1

动态创建脚本元素:

<script>
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="other.js";
oHead.appendChild( oScript);
</script>