如何使用Javascript动态地将脚本插入HTML头？

Question

如何使用Javascript动态地将脚本插入HTML头？

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