jQuery和js頁面載入完成之後就執行的兩種方法

2022-04-10 13:35:07 字數 1241 閱讀 1284

** 

jquery載入頁面的方法(頁面載入完成就執行),建議大家看下windows.onload與$(document).ready之間的區別。

1、$(function()); 

}); 

2、$(document).ready(function()); 

}); 

3、window.onload = function()); 

} html**為點選,且頁面需要引用jquery的js檔案 

一般的載入頁面時呼叫js方法如下: 

window.onload = function() ; 

這段**會在整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成,而且要求所有的外部和資源全部載入完成。更不幸的是,如果外部資源,例如需要很長時間來載入,那麼這個js效果就會讓使用者感覺失效了。 

但是用jquery的方法: 

$(document).ready(function() ); 

就僅僅只需要載入所有的dom結構,在瀏覽器把所有的html放入dom tree之前就執行js效果。包括在載入外部和資源之前。 

還有一種簡寫的方式: 

$(function() );

** jquery載入頁面的方法(頁面載入完成就執行),建議大家看下windows.onload與$(document).ready之間的區別。

1、$(function()); 

}); 

2、$(document).ready(function()); 

}); 

3、window.onload = function()); 

} html**為點選,且頁面需要引用jquery的js檔案 

一般的載入頁面時呼叫js方法如下: 

window.onload = function() ; 

這段**會在整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成,而且要求所有的外部和資源全部載入完成。更不幸的是,如果外部資源,例如需要很長時間來載入,那麼這個js效果就會讓使用者感覺失效了。 

但是用jquery的方法: 

$(document).ready(function() ); 

就僅僅只需要載入所有的dom結構,在瀏覽器把所有的html放入dom tree之前就執行js效果。包括在載入外部和資源之前。 

還有一種簡寫的方式: 

$(function() );

jquery載入頁面的方法 頁面載入完成就執行

1 function 2 document ready function 3 window.onload function html 為點選,且頁面需要引用jquery的js檔案 一般的載入頁面時呼叫js方法如下 window.onload function 這段 會在整個頁面的document全部...

js和JQuery的頁面載入方法

一.js 頁面載入初始化方法 1.在body裡面寫初始化方法.2.window.onload function 3.寫初始化方法,頁面順序執行到初始化方法時初始化二.jquery 頁面載入初始化方法 1.function 2.document ready function ready 函式有以下三種...

JS 和JQuery的頁面載入事件

一 在寫jquery的過程中,一定少不了使用頁面載入事件,而在使用起來的時候總是忘記,今天正好來總結一下也方便以後忘的時候回頭看看 1 dom頁面載入事件 window.onload function 2 jquery的頁面載入事件 第一種 window load function 說明 jquer...