基于javascript原生判断DOM是否加载完毕

1. 使用原生JS实现判断DOM是否加载完毕

在网页中，DOM（Document Object Model）是指HTML文档中各个元素的组成结构。当我们需要操作DOM时，必须确保DOM已经加载完毕。下面是一种使用原生JS实现判断DOM是否加载完毕的方法：

document.addEventListener('DOMContentLoaded', function() {
   console.log('DOM has loaded'); 
});

上面的代码使用 addEventListener() 函数监听 DOMContentLoaded 事件，该事件会在DOM加载完成时触发。

1. 基于jQuery实现判断DOM是否加载完毕

jQuery是一种广泛使用的JavaScript库，可以简化DOM操作等任务。下面是一种使用jQuery实现判断DOM是否加载完毕的方法：

$(document).ready(function() {
   console.log('DOM has loaded');
});

上面的代码使用 $() 函数监听 ready() 事件，该事件会在DOM加载完成时触发。

需要注意的是，由于jQuery库本身需要下载，在网页加载过程中可能会存在延迟。因此，使用原生JS实现判断DOM是否加载完毕的方法更为可靠。