个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
30
4
例如，这种类型的链式事件将不起作用，因为该事件只会被触发一次。
window.addEventListener('DOMContentLoaded', function () {
alert('This should show up');
window.addEventListener('DOMContentLoaded', function () {
alert('This will never show up');
});
});
我尤其怀疑的是，如果您将脚本放在 HTML 的底部，因为它们会在 DOM 加载后被解析。此外，如果您的脚本中在事件之前有很多内容，因为事件可能会在解析器到达 addEventListener 语句之前被触发。
<!DOCTYPE html>
<html>
<head>
...
<script src="myscript.js"></script>
</body>
</html>
还有 JavaScript:
// myscript.js
// ... many things ...
window.addEventListener('DOMContentLoaded', function () {
alert('Will this always happen?');
});
我已经尝试过这个并且它有效，但我的问题是是否有任何情况不会发生，以及是否可以保证它至少会被触发一次，而且是在离线状态下。
最佳答案
不，只要脚本包含 DOMContentLoaded 的处理程序，就没有什么情况是行不通的。位于文档中 </body> 之前，而不是在其他事件处理程序内，例如嵌套 DOMContentLoaded处理程序或 window.onload处理程序，它将始终有效。
不确定你所说的“离线”是什么意思，但是只要可以获取并加载文档，无论是否在线，该事件都会触发？
关于javascript - DOMContentLoaded 事件在任何情况下都不能被触发吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39945136/
30
4
0
我读了很多关于 jQuery.ready() 的内容。会减慢你的页面速度。我的网站有一堆代码在 jQuery.ready() 内运行正如许多网站所做的那样。 jQuery(document
有什么方法可以手动触发 DOMContentLoaded 事件吗？ 我正在尝试为一些客户端 JavaScript 编写单元测试，该测试在 DOMContentLoaded 事件上执行一些操作。 以下方
我在 html 文档中有几个脚本，它们都有一个 DOMContentLoaded 事件监听器。 javaScript 会保持监听器执行的相对顺序还是同步执行它们？ 最佳答案 是的，如果您正在使用 ad
我偶然发现了执行此操作的脚本: "complete" === document.readyState ? setTimeout(I, 1) : document.addEventListener ?
我在页面上有一个脚本，该脚本大部分时间都在工作，但并非总是如此，我想知道为什么。 此脚本通过以下方式导入: ` tag in ` 脚本的内容是: console.log("loading"); //
我想尝试 IE 的 javascript DOMContentLoaded 事件。但该事件不会触发。 IE 不支持这个吗？请帮忙解决这个问题。谷歌搜索后我没有找到太多帮助。我想在 javascript
考虑以下场景: Document document.addEventListener("DOMContentLoaded", func
DOMContentLoaded 事件处理程序调用的脚本与在主体末尾调用的脚本有什么区别？ 最佳答案 显然，它们在略有不同的上下文中执行 - 内联脚本是“顶级”代码，DOMContentLoaded
例如，这种类型的链式事件将不起作用，因为该事件只会被触发一次。 window.addEventListener('DOMContentLoaded', function () { alert(
我的 html 页面是这样写的: 我的 javascript 文件是这样的: function init(){ audio1 = document.getElementByI
请看代码: body { background: gray; } Firefox does not even shows blank page.
我正在尝试使用 DOMContentLoaded 检测 DOM 何时准备就绪。 我正在将以下 JavaScript 代码注入(inject)页面: var script = document.crea
我用过 Click Not Loading... document.addEventListener('DOMContentLoaded', functio
考虑以下 HTML 文档: Title body { background: crimson; }
我将此代码用于 firefox 扩展 1: var Test { 2: f: function() { 3: alert("DOM content loaded"); 4: window
几个月前我编写了一个 Firefox 附加组件，但最近失败了。该插件主要是查找特定的 URL，然后修改页面的 DOM。我将故障追溯到(意外)安装“AVG Safe Search”附加组件。我发现，在禁
jsfiddle https://jsfiddle.net/ee7oe5pb/2/ Javascript var events = (function () { var fn = {};
我有一个 php 页面需要另一个 php 页面，该页面似乎需要很长时间才能加载，所以我决定有一个加载图像，问题是图像几乎在整个页面加载时出现，而不是在页面 stsrts 时出现正在加载，请问如何解决这
我正在设置一个非常简单的页面来从 DOMContentLoaded 事件上的数组填充下拉列表，但是在我的环境(VS 代码 + 实时服务器扩展)中，我收到错误，因为整个主体对象不存在在 DOMConte
document.addEventListener('DOMContentLoaded', () => { }); 我读到这个事件监听器确保，对于常规脚本，JS 不会引用尚未加载的节点。内容在 DOM
我是一名优秀的程序员,十分优秀！