JS頁面加載觸發事件documentready和onload的區別?
1.document.ready是jquery提供的,正確的寫法如下:$(document).ready(function(){ // ......});因為這么些比較麻煩,所以一般使用簡寫的方式,如下:$(function(){ // ....})
;2.關于document.ready與onload的相同點:都是在頁面加載完成后執行方法體中的代碼;
不同點:document.ready可以綁定多個函數,js根據定義的順序,依次執行各個方法體,onload不能定義多個,后面定義的會覆蓋前面定義的,所以只會執行最后定義的方法。$(function(){ // 方法體1,頁面加在后執行})
;$(function(){ // 方法體2,方法體1執行后執行})
;window.onload = function(){ // onload方法1}
;window.onload = function(){ // onload方法2,頁面加載完成后執行,不會執行onload方法1 }