前端 判断页面加载完毕 JS,JQUERY,VUE 各自实现方法

原生JS判断页面加载完毕

document.onreadystatechange = function(){
    if(doucument.readyState == 'complete'){
        // 页面加载完毕
    }
}

jquery 判断页面加载完毕

$(function(){
 
})
 
$(document).ready(function(){
    // document 不写默认document
})

注:jquery方法兼容性好,并且实在dom资源加载完毕的情况下执行,(不包括图片视频资源)


vue 判断页面加载完毕

mounted () {
  this.$nextTick(() => {
    // 确保dom异步加载完毕
  })
}