JS/JQUERY/VUE判断页面(局部)加载,配合loading

转载:https://www.cnblogs.com/rich23/p/9830648.html

一、纯js方法

// (1)、页面所有内容加载完成执行
window.onload = function(){
    
}

// (2)、ie9以上版本监听事件
if('addEventListener' in document){
    document.addEventListener('DOMContentLoaded', function(){
        
    }, false)//false代表在冒泡阶段触发,true在捕获阶段触发
}

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

注:js方法没有依赖方法简单,但方法(2)存在兼容性问题。

二、jquery方法

$(function(){

})

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

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

三、vue中

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

文章很详细很基础

 

你可能感兴趣的:(前端,vue.js,javascript,jquery)