window.onload和$(document).ready()的区别

时间 2019-11-21

标签 window.onload window onload document ready 区别栏目 JavaScript 繁體版

原文原文链接

1.执行时间

window.onload必须等到页面内包括图片的全部元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，没必要等到加载完毕。

2.编写个数不一样

window.onload不能同时编写多个，若是有多个window.onload方法，只会执行一个
$(document).ready()能够同时编写多个，而且均可以获得执行

3.简化写法

window.onload没有简化写法
$(document).ready(function(){})能够简写成$(function(){});0spa

我如今通常的写法是：code

$(function(){
    //----------
})

这个时候，不必定要等全部的js和图片加载完毕，就能够执行一些方法，不过有些时候，必需要等全部的blog

元素都加载完毕，才能够执行一些方法的时候，好比说，部分图片或者什么其余方面尚未加载好，这个时候，点击某些按钮，会致使出现意外的状况，这个时候，就图片

须要用到:io

$(window).load(function() {
    $("#btn").click(function(){ 
    //--------------
    });
});

window.onload = function(){}的写法跟 $(window).load(function() {});同样，可是 $(window).load(function() {});能够写多个，而window.onload = function(){}会覆盖。

全部DOM元素加载以前执行的jQuery代码function

    (function() {
        alert("DOM还没加载哦!");
    })(jQuery)