javascript - 在 Vanilla JS 应用程序中是否仍然需要 $document.ready() 的现代等价物？

Question

<分区>

Answer 1

一个等价物是 DOMContentLoaded 事件

The DOMContentLoaded event fires when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.

来源:https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event

window.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM fully loaded and parsed');
});

为了解决您问题的最后一部分，我会说“是!” ^^

您可以在此“主函数”范围之外定义您的自定义函数，但在对 DOM 执行任何操作之前等待事件完成。