Javascript 为什么谷歌浏览器'；s控制台在页面刷新之间是否有不同的文档对象表示形式？_Javascript_Google Chrome_Document_Global

Javascript 为什么谷歌浏览器'；s控制台在页面刷新之间是否有不同的文档对象表示形式？

javascript google-chrome

Javascript 为什么谷歌浏览器'；s控制台在页面刷新之间是否有不同的文档对象表示形式？,javascript,google-chrome,document,global,Javascript,Google Chrome,Document,Global,为了确定Chrome浏览器中“document”变量的可靠性，我构建了一个简单的HTML文件，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>index</title> <script type="te

为了确定Chrome浏览器中“document”变量的可靠性，我构建了一个简单的HTML文件，如下所示：

<!DOCTYPE html>

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>index</title>
    <script type="text/javascript" charset="utf-8">
       console.log( document )
    </script>
</head>
<body></body>
</html>


指数
console.log（文档）

我假设这将导致“document”变量的值在每次页面加载时回显到控制台，并且每次都完全相同

但事实并非如此。在第一次刷新时，控制台输出一个“Document”对象，在下一次刷新时，它输出一个“HTMLDocument”对象，依此类推，在两者之间来回切换

有人能解释一下这是怎么回事吗

Screencast:

这仍然是事实，尽管输出与我最初的问题略有不同。在Chrome中加载该文件，打开控制台并检查控制台输出，然后刷新并再次检查：每次页面刷新时，它都会在文档对象的两种不同表示形式之间跳转。我真的很好奇到底发生了什么。对我来说，它只是说

#document

@ExplosionPills单击它来展开它。然后刷新并单击以展开它。你将看不到物体的相同表现。这是我得到的行为的屏幕投影，