document.write()何时清空原内容

对于这个问题,有以下几种不同情况分开分析,从简到复杂依次如下

1.
document.write()何时清空原内容_第1张图片

使用onload情况下的结果
对于使用window.onload事件的情况下,因为window.onload是在页面内包括图片都要加载完毕之后才会执行,此时文件流已经关闭,在此时执行window.write()会自动调用window.open()函数创建一个新的文件流,并写入新内容,显示出来的效果就类似于清空原来的内容覆盖显示。
2.
document.write()何时清空原内容_第2张图片

不使用onload的结果
对于不使用window.onload的情况下,此时加载到js脚本就会执行,也就是说不会存在文件流关闭的问题,所以不会调用window.open()函数,所以文件不会被覆盖。
3.
document.write()何时清空原内容_第3张图片
close尝试结果
对于尝试不使用window.onload的情况,试图使用document.close()手动关闭浏览器创建的文件流的话不会得到预期结果,浏览器创建的文档流无权手动关闭。document.close()只能关闭document.open()的文档流.
区别于window.close(),这是俩东西
window.close()无法关闭窗口的问题链接
4.
document.write()何时清空原内容_第4张图片

运行结果

点击之后
当手动创建文档流中使用window.write(),再使用window.close()关闭之后,再次使用window.write()即使没有window.onload也会覆盖之前的内容,因为手动创建的文档流已经被手动关闭

你可能感兴趣的:(html细节问题)