window.onload、$(window).load()和$(document).ready()

onload是一個事件 ，ready()和load()是一個方法
事件是你經過某種動做觸發的，好比單擊、雙擊、鼠標劃過等等。。。方法是表明它對一個事情的處理，好比show(),我能夠在觸發單擊事件的時候調用show()，也能夠在雙擊的時候調用

window.onload

window.onload必須等到整個頁面包括圖片、dom結構的全部元素加載完畢後才能執行

https://www.cnblogs.com/magicgua/p/4363903.html
寫法以下

window.onload=function(){

}

 

$(window).load()（1.8版本棄用，3.0版本刪除）

$(window).load() 和window.onload=function(){}是頁面中的全部元素（包括圖片、flash）等都加載完畢後，才能執行；
寫法

$( window ).load(function() {
  // Run code
});

//jquery官網的一個實例（load方法能夠用在其餘元素上）
$( "img.userIcon" ).load(function() {
  if ( $( this ).height() > 100) {
    $( this ).addClass( "bigImg" );
  }
});

 

$(document).ready()

（我在官網上看的翻譯是.ready()方法提供了一種在頁面的文檔對象模型（DOM）變得能夠安全操做時當即運行JavaScript代碼的方法）

$(document).ready()是DOM結構（不包含圖片等非文字媒體文件）繪製完畢後就執行，沒必要等到加載完畢。 
寫法以下

$(document).ready(function(){

});
//或者
$(function(){

});

.ready()能夠寫好幾個，每一個都執行
.onload()只能寫一個,後面的會覆蓋前面的，而$(window).load()能夠加載多個函數