浏览器处理页面时首先打开输入流(open()),
开始渲染页面,
页面渲染结束后关闭流(close())。
document.write()在页面加载完毕后(onload)执行,
会重新打开输入流(open()),
输入流被2次打开时,
就会清除之前的页面内容,
所以有的时候document.write()会覆盖页面内容,
有的时候会追加内容。
所以页面只要在onlaod之前使用doucment.write(),
就不会替换掉当前页面的内容.
<body>
<div>
write!
</div>
<script type="text/javascript">
document.write('<script src="js/zepto.min.js"></scr'+'ipt>');
</script>
</body>
<!--这样js可以正常插入-->
<body>
<div>
write!
</div>
<script type="text/javascript">
window.onload = function(){
document.write('<script src="js/zepto.min.js"></scr'+'ipt>');
}
</script>
</body>
<!--这样js会覆盖掉页面的内容-->