使用JQuery 載入頁面時呼叫JS

2021-07-02 18:31:31 字數 727 閱讀 9138

1,window.onload = function() {};

2,$(document).ready(function() {});或者$(function() {});或者jquery(function($) {});

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

1 window.onload = function

() ;

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

二、用jquery的方法載入頁面

$(document).ready(function

() );

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

其簡寫的方式:

$(function

() );

使用 $(document).ready() 的簡寫,同時內部的 jquery **依然使用 $ 作為別名,而不管全域性的 $ 為何。

jquery **:

1 jquery(function

($) );

jquery載入頁面時呼叫js的方法

一般的載入頁面時呼叫js方法如下 window.onload function 這段 會在整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成,而且要求所有的外部和資源全部載入完成。更不幸的是,如果外部資源,例如需要很長時間來載入,那麼這個js效果...

jquery頁面載入

jquery事件新增,全部採用現代事件新增方式,乙個事件可以繫結多個函式 jquery物件 dom轉化為jquery var obj document.getelementbyid div1 dom物件轉化為jquery var jq obj alert jq.html jquery轉為dom va...

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

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