使用可能包含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 );}