首页 > 代码库 > 如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖

个人理解是当触发某个包含document.write()的事件,HTML页面中body中的元素会消失,显示document.write()里面的内容。如下面的代码:

1 <p>我的第一个段落</p>
2 <button onclick="changeP()">点击<button>
3 function changeP(){
4     document.write(Date());
5 }

点击确定以后标签p和button里面的内容消失,在页面上显示的当前的日期。

 

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖