使用可能包含document.write的src动态添加脚本标记

Question

使用可能包含document.write的src动态添加脚本标记

我想动态地在网页中包含一个脚本标签但是我无法控制它的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>

在头部工作正常但是有没有其他方法我可以使用像innerHTML这样的东西动态添加source.js？

我尝试过的东西

Answer 1

你可以使用这样的document.createElement()功能：function addScript( src ) {   var s = document.createElement( 'script' );   s.setAttribute( 'src', src );   document.body.appendChild( s );}

Answer 2

有一个onload函数，可以在脚本成功加载时调用：function addScript( src,callback) {   var s = document.createElement( 'script' );   s.setAttribute( 'src', src );   s.onload=callback;   document.body.appendChild( s );}