动态检查某个dom是否被加载好了

最新推荐文章于 2024-07-16 08:00:08 发布

原创最新推荐文章于 2024-07-16 08:00:08 发布 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

该博客讨论了如何使用JavaScript实现DOM加载完成的检查。通过设置定时器，当页面元素'abc'加载成功时执行特定操作doSomething()，并清除定时器。此方法确保在DOM完全加载后执行后续代码，防止因页面未准备好导致的问题。

//  声明定时器
var timer = null
//  检查dom是否执行完成
function checkDom() {
    let dom = document.getElementById('abc')
    if(dom) {
         //  执行dom加载完成后的操作
        doSomething();
        //  清除定时器
        if(!timer) {
            clearTimeout(timer)
        }
    } else {
        //  自我调用
        timer = setTimeout(checkDom, 0)
    }
}
//  首次执行
checkDom()