如何使用 JavaScript 动态地将脚本插入 HTML head 中？

Question

如何使用 JavaScript 动态地将脚本插入 HTML head 中？

Answer 1

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onload = function() {
    callFunctionFromScript();
}
script.src = 'path/to/your-script.js';
head.appendChild(script);

Answer 2

这是我如何在没有任何源文件等的情况下动态注入一个函数

document.head.appendChild(document.createElement('script').text = 'function LogIt(msg) { console.log(msg);}' );

，并注入到正文

document.body.appendChild(document.createElement('script').text = 'function LogIt(msg) { console.log(msg);}' );

执行此操作后，如果您尝试 LogIt('hello');，您应该看到 'hello'在控制台中。

Answer 3

document.head.appendChild(document.createElement('script').setAttribute('src','http://ex.com/javascript.js'));