您的位置：首页 > Web前端 > JavaScript

document.write插入js标签会覆盖页面的问题

2015-12-18 15:07 597 查看

浏览器处理页面时首先打开输入流(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会覆盖掉页面的内容-->

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航