个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
30
4
我在页面上有一个脚本，该脚本大部分时间都在工作，但并非总是如此，我想知道为什么。
此脚本通过以下方式导入:
<script src="script.js" async></script>` tag in `<head>
脚本的内容是:
console.log("loading"); // always gets printed
document.addEventListener("DOMContentLoaded", function() {
console.log("outer"); // sometimes get not printed
(function() {
console.log("inner"); // sometimes get not printed
})();
});
浏览器控制台总是输出loading但有时它不会输出其余部分( outer 和 inner )。在页面上进行硬刷新或简单地重新加载它(点击地址栏上的 Enter)似乎不会影响此行为(每种方式的结果相同)。
我还要添加 outer和 inner总是成对打印，没有一个没有另一个。
我听的方式有问题吗DOMContentLoaded ？或者我必须在 <head> 之外加载脚本吗？ (如果可能的话，我宁愿不要这样做)？
最佳答案
async 脚本标签在代码加载后立即执行，无论 DOM 内容是否已加载。所以一般来说，不要将它用于与 DOM 相关的操作。
相反，如果您希望加载文件但仅在 DOMContentLoaded 之后执行代码，请使用 defer 属性。在这种情况下，您的代码中不需要事件监听器:
图片来源:http://peter.sh/experiments/asynchronous-and-deferred-javascript-execution-explained/
关于javascript - DOMContentLoaded 上的事件监听器随机触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37119602/
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
我是一名优秀的程序员,十分优秀！