学无先后,达者为师

网站首页 编程语言 正文

document.write() 的作用*

作者:Jeffrey Dean 更新时间: 2022-07-09 编程语言

当你打开一个页面,浏览器会

1、调用 document.open() 打开文档
2、document.write(...) 将下载到的网页内容写入文档
3、所有内容写完了,就调用 document.close()
4、触发 dom ready 事件(DOMContentReady)

所以你如果在第3步之前 document.write(1) 那么你就直接追加内容到当前位置,如果你在第3步之后 document.write(),那么由于 document 已经 close 了,所以必须重新 document.open() 来打开文档,这一打开,内容就被清空了。

不信你可以这样验证一下:

1、打开 http://baidu.com 等页面加载完
2、在控制台运行 document.write(1),会看到页面清空,只有一个 1
3、再次运行 document.write(1),会发现页面没有清空,1 变成了 11,因为追加了一个1
4、运行 document.close(),这是文档就关闭了。
5、再次运行 document.write(1),你会发现文档又清空了,变成了 1。

原文链接:https://blog.csdn.net/weixin_45821809/article/details/125203256

栏目分类
最近更新