码迷,mamicode.com
首页 > 其他好文 > 详细

document.write覆盖问题

时间:2016-07-02 18:44:55      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

1.不会覆盖页面:

  如果仅仅是一句js语句:document.writeln(‘<span id=\‘span1\‘>嗯,你好</span>‘);

  ps:\‘是转义字符,代表‘

2.覆盖页面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p>你好。window.writeln</p>
<script>
  document.writeln(‘<span id=\‘span1\‘>嗯,你好</span>‘);
  document.write(‘123‘);
  window.onload=function(){
    document.writeln(‘<span id=\‘span1\‘>嗯,你好</span>‘);
  }
</script>
</body>
</html>

效果:

技术分享

我对于为什么会覆盖的认识:

  1.之前,是一直加载,写入页面内容。当加载完了,文档流关闭。

  2.当加载完成,触发window.onload事件。在例子中onload绑定的函数有:document.write(*****)语句,这会让文档流再次打开【ps:是一个叫open()的方法,该方法会清空当前文档内容,然后再写。写完后调close方法,文档流关闭】,所以就会出现覆盖现象

  

 

document.write覆盖问题

标签:

原文地址:http://www.cnblogs.com/qianduan17/p/5635774.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!