IE 解析document.write

document.write()会把输出写入到脚本文档所在的位置，浏览器解析完documemt.write()所在文档内容后，继续解析document.write()输出的内容，然后在继续解析HTML文档。

 

<script type="text/javascript

 document.write('<script type="text/javascript" src="test.js"><//script>');

 document.write('<script type="text/javascript">');

 document.write('alert(2);');

 document.write('alert("我是" + tmpStr);');

 document.write('<//script>');

</script>

<script type="text/javascript

  alert(3);

</script>

test.js的内容是：

var tmpStr = 1; alert(tmpStr);

 

• 在Firefox和Opera中的弹出值的顺序是：1、2、我是1、3
• 在IE中弹出值的顺序是：2、1、3，同时浏览器报错：tmpStr未定义

 

原因可能是IE在document.write时，并未等待加载SRC中的Javascript代码完毕后，才执行下一行，所以导致2先弹出，并且执行到document.write(’document.write("我是" + tmpStr)’)调用tmpStr时，tmpStr并未定义，从而报错。

解决这个问题，可以利用HTML解析是解析完一个HTML标签，再执行下一个的原理，把代码拆分来实现：

<script type="text/javascript>

 document.write('<script type="text/javascript" src="test.js"><//script>');

</script>

 <script type="text/javascript">

 document.write('<script type="text/javascript">');

 document.write('alert(2);');

 document.write('alert("我是" + tmpStr);');

 document.write('<//script>');

</script>

<script type="text/javascript">

 alert(3);

</script>

这样IE下和其他浏览器输出值的顺序都是一直的了：1、2、我是1、3。