運行Javascript代碼從外部.js文件按鈕點擊

Question

這是我想要做的。
通常情況下，我們可以在不同的事件上調用javascript函數，頁面內的按鈕點擊提供腳本已經在頁面中（可能在頭部），或者它在加載時從外部js文件加載到頭部。

是否有可能加載外部js文件，而不是當頁面加載時，但在稍後（例如）單擊按鈕時加載。

我知道這是很容易在可能的JQuery：

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

但我想知道我們如何能做到在頁面中使用的簡單的JavaScript不一樣的JQuery？

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> 

Answer 2

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

其他選項here

Answer 3

你不喜歡這樣：

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