javascript - 为什么到处都支持 onreadystatechange 事件，但 document.readyState 却不支持？-6ren

javascript - 为什么到处都支持 onreadystatechange 事件，但 document.readyState 却不支持？

转载作者：行者123 更新时间：2023-11-29 15:09:10

根据 MDN here和 here ，它说所有浏览器都支持 readystatechange 事件，但是 document.readyState 属性只支持回到 IE9+ (8*) 左右。

考虑到 readystatechange 事件的字面定义是:

当文档的 readyState 属性发生变化时，将触发 readystatechange 事件。

除非 readystatechange 的先前实现将 document.readyState 保留为无法访问的内部变量。是这种情况，还是仅仅是文档错误？

最佳答案

这看起来像是文档错误。我尝试使用不同的文档模式测试 IE 11 中的 document.readyState 属性，它在所有文档模式下都有效，因此在所有版本的 IE 中应该都可以使用。

测试代码:

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display the loading status of the current document.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.readyState;
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>