頁面自動執行（載入）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全部載入完成，而且要求所有的外部和資源全部載入完成。更不...