Javascript - How to use addEventListener to trigger on a page's ready state [no jQuery]

Question

对于javascript addeventlistener加载 ， Google的热门搜索是基于jQuery的，因此与我无关。我想要一个干净的参考书，以了解如何将事件最好地绑定到原始javascript中的文档就绪状态。

Answer 1

how to best bind an event to a document's ready state

That would probably be...

document.addEventListener("DOMContentLoaded", function() { });

Answer 2

MDN's Reference for Events show the load event being the desired trigger. This post explains not to bind to the document node, rather to bind to the window node.

window.addEventListener('load', function(){ console.log('document ready!'); });