Javascript如$(document).ready() for "modern HTML5"吃

Javascript like $(document).ready() for "modern HTML5" browsers

本文关键字：quot HTML5 modern ready document Javascript for      更新时间：2023-09-26

这很可能已经是一个问题，但我找不到它，因为每次搜索都会出现jQuery问题。

我正在寻找一种经过验证的方法来绑定准备好的文档，很像jQuery的$(document).ready()。然而，这是一个"仅限现代浏览器"的页面，使用非常轻的javascript，我想避免在这里加载jQuery。

谁能给我指个正确的方向?

谢谢!

document.addEventListener('DOMContentLoaded', function () {
    /* ... */
});

事件"DOMContentLoaded"将在文档被完全解析时触发，即没有样式表*和其他图像。如果您需要等待图像和样式表，请使用"load"代替。

*仅当<script>在<link rel="stylesheet" ...>之前

window.onload = function() {}是很久以前的一个标准，虽然它也等待所有图像加载，但它基本上是一个工作的，功能的替代方案，适用于所有旧浏览器的某些情况。用户通常仍应等待一秒钟，直到他做出负责任的操作。

Edit:在我的情况下，我需要在加载所有库之前加载它，因为它们在页脚(jquery)中被固定列出。在它是我的依赖，继续工作是可能的，只要它被加载。所以恕我直言，用户必须等待的事实是无关紧要的(除非我在这里错过了什么，并且可以解释)，因为这是任何方式的jQuery加载的情况，直到它没有加载它不能使用它。为了这一点，无论如何都必须有一个后端检查，因为客户端js可以被"拦截"。等待整个文档加载当然比在包含之后使用它要长得多，但是这适用于以下情况:不能影响HTML脚本的顺序，例如当你在自己的第三方包中使用它时。

相关文章：