检查DOM是否已加载的最佳方法

Question

在Mozilla文档中，他们提供了两种不同的解决方案来检查DOM是否已加载。他们在这里：

第一个选项：https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState

{ |o| o.name }

第二个选项：https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event

// Alternative to DOMContentLoaded event
document.onreadystatechange = function () {
  if (document.readyState === 'interactive') {
    initApplication();
  }
}

我可以互换使用这些方法吗？有没有一种情况比另一种更好？另外，如果我将脚本标签放在页面底部，是否需要使用这两种方法之一？