个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在设置一个非常简单的页面来从 DOMContentLoaded 事件上的数组填充下拉列表，但是在我的环境(VS 代码 + 实时服务器扩展)中，我收到错误，因为整个主体对象不存在在 DOMContentLoaded 的那一刻，这对我来说很奇怪。
我在线阅读了一些网站，但它们确实表明，除了较旧的浏览器支持之外，交互式的 DOMContentedLoaded 和 readState 是可以互换的。 https://caniuse.com/#search=DOMContentLoaded https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState
所以我探索了它，似乎如果我在浏览器中调用匿名函数(其中具有相同的函数调用)，它将具有“交互”的就绪状态，但如果我直接调用该函数，它将处于“正在加载”的就绪状态。现在在 codpen.io 和 Stacks Snippets 中它甚至渲染得很好，但在我的本地环境中它会出错，最终就绪状态不应该是交互式的吗？
我链接的文档讨论了使用 document.onreadychange 提供更广泛的支持，我想对于我的具体情况，我会走这条路，但我想问一下是否有其他人遇到过这种情况？我使用的是 Chrome 版本 67.0.3396.99(官方版本)(64 位)，在 Chrome、Firefox 和 Opera 上进行了测试，结果相同。
function DomLoaded(element) {
console.log("Looking for " +element + " | current document state:" + document.readyState);
var typelist = document.getElementById(element);
listofTypes.forEach(function(currentvalue, index) {
var option = document.createElement("option");
option.text = currentvalue;
typelist.add(option);
});
}
var listofTypes = ["accounting", "airport", "amusement_park", "aquarium"];
document.addEventListener("DOMContentLoaded", function() {
DomLoaded("typelistanonfunc");});
document.addEventListener("DOMContentLoaded", DomLoaded("typelist")); <html>
<head>
<title>Document Load</title>
</head>
<body>
<h1 id="header1">Test 1</h1>
<select id="typelist" style="max-width: 90%;"></select>
<select id="typelistanonfunc" style="max-width: 90%;"></select>
</body>
</html>最佳答案
这里:
document.addEventListener("DOMContentLoaded", DomLoaded("typelist"));
您正在调用DomLoaded()函数并将 ( undefined ) 返回值传递给 addEventListener() 。这将在触发“ready”事件之前发生，并且您收到的错误将是由于目标 <select> 造成的。元素尚未在 DOM 中。
类似 something(somethingElse) 的表达式是一个函数调用。在所有情况下都会立即对其进行评估。
第一种形式:
document.addEventListener("DOMContentLoaded", function() { DomLoaded("typelist"); });
是正确的。围绕对处理程序的调用创建的函数表达式不是函数调用；它只是对该匿名函数的引用。这将正确地为“ready”( DOMContentLoaded ) 事件创建一个事件处理程序。
关于javascript - ReadyState 交互与 DOMContentLoaded，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51119279/
24
4
0
我查房.readyState的 BrowserTestObject使用 RFT(Rational Functional Tester)。 有时在我的测试脚本的下一步之前，我需要确保页面已“准备好”并且
我目前正在 servlet 内创建一个私有(private)方法。但我的 PreparedStatement 不断返回 null。 private ArrayList emails(String id
花了几个小时找出问题所在，但失败了..因为我是 Ajax 新手，所以我不知道我看到了什么。真的需要你们找到这个错误。 HTML The Chuff Bucket
home.html front page test 测试.php Click Me! ajax.js function callAJAX(url, pageElement, callMessage
我有一个页面，其中 RFT(Rational Functional Tester)告诉我 readyState 对于 IE 是 3。从视觉上看，这个页面的加载似乎已经完成。 我可以以某种方式手动检查
我正在设置一个非常简单的页面来从 DOMContentLoaded 事件上的数组填充下拉列表，但是在我的环境(VS 代码 + 实时服务器扩展)中，我收到错误，因为整个主体对象不存在在 DOMConte
使用 Vue.js，我想将音频 dom 元素的 readyState 属性用作 react 属性。 我在组件中有音频元素并使用 this.$refs.audioPlayer 访问它 我尝试设置计算属性
在网页中，我正在使用 XMLHttpRequest。我遇到了麻烦，因为事情不会像往常一样发生。 相关代码如下: let xmlHttp = new XMLHttpRequest(); xmlH
我正在尝试更新我的 ajax 请求函数以显示响应的各个状态。 然而，我在发送请求后得到的只是 readyState = 1，然后它直接跳转到 readyState = 4，我从服务器得到了完整的响应。
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Troubleshooting .NET “Fatal Execution Engine Error” 我的
在外部 JS 脚本中，我使用 document.readystate 来确定文档是否已加载。 如果它没有加载，我附加 Onload 事件监听器。 但是，当我在 IE7 文档上从 IEPRO(类似于 F
我正在尝试使用 JavaScript 实现聊天客户端。使用以下构造函数构造客户端: function ChatClient(endpointUrl) { this.xmlHttp = crea
为了确保在执行操作之前准备好文档，我执行以下操作: (function() { var interval = window.setInterval(function() { i
尝试通过 javascript open() 函数将数据放入 XML 中。 但是网站没有超过readyState 1， 下面是Javascript代码 function addItem() {
这个问题已经有答案了: onreadystatechange function is not working in AJAX (4 个回答) 已关闭 8 年前。 我正在制作一个聊天应用程序。在聊天应用
我想在 DOM 完全加载时触发事件。我检查了 document.readyState 但这不是一个事件。我想在 readyState 完成时触发它。我该怎么做？ 最佳答案 一些简单的谷歌搜索将我指向这
我正在学习 w3schools 的 PHP/AJAX 教程，但在第一个方面遇到了一些障碍。每次调用此函数时，就绪状态始终未定义。 function showHint(str) { if (st
这是我的代码: var xhttp: OleVariant; xhttp := CreateOleObject('MSXML2.XMLHTTP'); xhttp.Open('GET', URL,
AJAX调用在xhr.readystate===4之后完成是否正确？ Here它说状态是 complete。那么这个complete是什么意思呢？ 最佳答案 Ajax http 请求有 5 种状态作为
我正在创建一个自定义的 html5 视频播放器，它可以播放直播、录制直播和播放常规视频文件。为了录制我正在使用 RecordRTC。一切运行良好，但我需要创建一个自定义搜索栏。为此，我只是简单地使用
我是一名优秀的程序员,十分优秀！