頁面自動執行(載入)js的幾種方法

2021-08-20 05:01:25 字數 1159 閱讀 6979

頁面自動執行(載入)js的幾種方法

一、js方法

1.最簡單的呼叫方式,直接寫到html的body標籤裡面:
1

2

<bodyonload="myfunction()">

<html> <bodyonload="func1();func2();func3();">

2.在js語句呼叫:
1

2

3

4

5

3。 1

2

3

4

5

6

二、jq方法

1.整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成,而且要求所有的外部和資源全部載入完成。更不幸的是,如果外部資源,例如需要很長時間來載入,那麼這個js方法執行感覺就比較慢了。也就是說這是一種最嚴謹的頁面載入完再執行方法的方法。
1

window.onload =function() ;

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

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

還有一種簡寫方式
1

$(function() );

**:頁面自動執行(載入)js的幾種方法

頁面自動執行(載入)js的幾種方法

一 js方法 1.最簡單的呼叫方式,直接寫到html的body標籤裡面 1 2 bodyonload myfunction html bodyonload func1 func2 func3 2.在js語句呼叫 1 2 3 4 5 3。1 2 3 4 5 6 二 jq方法 1.整個頁面的docume...

頁面自動執行(載入)js的幾種方法

一 js方法 1.最簡單的呼叫方式,直接寫到html的body標籤裡面 2.在js語句呼叫 3。js呼叫 onload方法 二 jq方法 1.整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成,而且要求所有的外部和資源全部載入完成。更不幸的是,如...

頁面自動執行(載入)js的幾種方法

一 js方法 1.最簡單的呼叫方式,直接寫到html的body標籤裡面 load 2.在js語句呼叫 3。js呼叫 onload方法 二 jq方法 1.整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成,而且要求所有的外部和資源全部載入完成。更不...