为什么 google chrome 的控制台在页面刷新之间具有不同的文档对象表示形式？

发布于 2025-01-07 09:31:30 字数 677 浏览 0 评论 0原文

为了自己确定 Chrome 浏览器中“文档”变量的可靠性，我构建了一个简单的 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>

我假设这会导致“文档”变量的值在每个页面加载并且每次都会完全相同。

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

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

截屏视频：http://youtu.be/q0r_Q0wW8f8

原文

In a attempt to determine for myself the reliability of the "document" variable in the Chrome Browser I built a simple HTML file like such:

<!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>

I assumed that this would cause the value of the "document" variable to be echoed to the console on every page load and would be the exact same every time.

Yet this is not what happens. On the first refresh the console outputs a "Document" object and on the next refresh it outputs a "HTMLDocument" object and so on, toggling back and forth between the two.

Can anybody explain what is going on here?

Screencast: http://youtu.be/q0r_Q0wW8f8

分享到QQ

分享到微博