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

这是我想做的。
通常，我们可以在不同的事件中调用javascript函数，在页面中单击按钮，前提是脚本已经在页面中（可能在head部分），或者它已经在加载时从外部js文件加载到head部分

是否可以不在页面加载时加载外部js文件，而是在稍后（比如）单击按钮时加载外部js文件

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

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

但是我想知道，在没有JQuery的情况下，如何在页面中使用简单的javascript实现同样的功能？

<script language="javascript">
document.write("<script src='other.js'><\/script>");
</script>

文件。填写（“”）；

其他选项有

您可以这样做：

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'helper.js';
head.appendChild(script);

---

动态创建脚本元素：

<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>

var oHead=document.getElementsByTagName（'HEAD'）。项（0）；
var oScript=document.createElement（“脚本”）；
oScript.type=“text/javascript”；
oScript.src=“other.js”；
oHead.appendChild（oScript）；

加载页面后使用document.write将导致整个页面被替换，因此对于按钮事件来说，这是错误的建议。