javascript - 动态添加带有 src 的脚本标签，其中可能包含 document.write

Question

我想在网页中动态包含脚本标记，但我无法控制它的 src，因此 src="source.js"可能如下所示。

document.write('<script type="text/javascript">')
document.write('alert("hello world")')
document.write('</script>')
document.write('<p>goodbye world</p>')

现在通常放置

<script type="text/javascript" src="source.js"></script>

在 head 中工作正常，但是有没有其他方法可以使用 innerHTML 动态添加 source.js ？

jsfiddle of what i've tried

Answer 1

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src','http://example.com/site.js');

document.head.appendChild(my_awesome_script);