没有jQuery的$（document）.ready等价

Question

没有jQuery的$（document）.ready等价

我有一个使用的脚本$(document).ready，但它不使用jQuery中的任何其他内容。我想通过删除jQuery依赖项来减轻它。

如何在$(document).ready不使用jQuery的情况下实现自己的功能？我知道使用window.onload不会是相同的，因为window.onload在加载了所有图像，帧等之后的火灾。

Answer 1

三种选择：如果script是正文的最后一个标记，那么DOM将在脚本标记执行之前就绪当DOM准备就绪时，“readyState”将变为“complete”将所有内容放在“DOMContentLoaded”事件侦听器下的onreadystatechange  document.onreadystatechange = function () {      if (document.readyState == "complete") {      // document is ready. Do your stuff here    }  }资料来源：MDNDOMContentLoadeddocument.addEventListener('DOMContentLoaded', function() {    console.log('document is ready. I can sleep now');});关注石器时代的浏览器： 转到jQuery源代码并使用该ready函数。在这种情况下，你没有解析+执行整个库，你只做了很小的一部分。

Answer 2

在结束标记之前放置您的<script>/*JavaScript code*/</script>权利。&nbsp;</body>不可否认，这可能不适合每个人的目的，因为它需要更改HTML文件，而不是仅仅在JavaScript文件中执行某些操作document.ready，但仍然......