如何在运行时将javascript代码加载到html文件？

Question

让我问一下是否可以在运行时将javascript代码加载到html文件中.例如,放置一个文本框以输入脚本文件的位置,并放置一个表单按钮以触发加载脚本文件.

先感谢您.

Answer 1

将其粘贴到该按钮的onclick中(更正第3行中的URL):

var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", "url to the script file here");
document.getElementsByTagName("head")[0].appendChild(script);

该脚本将在第4行执行后立即开始下载,一旦下载,它将执行或以其他方式可用.

Answer 2

是的,jQuery getScript方法使这个变得微不足道:

//on button click event:
$.getScript(urlOfScript);

或者仅使用本机javascript方法:

//on button click event:
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'urlOfScript';
head.appendChild(script);