在網頁中JS函式自動執行常用三種方法

2021-07-23 21:32:47 字數 1622 閱讀 3833

一、js方法

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

<bodyonload="myfunction()">

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

2.在js語句呼叫: ?12

34

5

第三種

? 1 23

45

6

二、jq方法

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

window.onload =function() ;

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

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

還有一種簡寫方式

$(function() );

在網頁中js函式自動執行常用三種方法

在html中的head區域中,有如下函式: ?12

3456

78910

1112

13

下面,我們就針對上面的函式,讓其在網頁載入的時候自動執行!

①第一種方法

將如上**改為: ?12

3456

78910

1112

1314

15

②第二種方法

修改網頁的body為:

或者改為:

③第三種方法

使用js定時器來間斷性的執行函式:

settimeout("myautorun()",1000);   //隔1000毫秒就執行一次myautorun()函式

實現方法,將最上面的那js函式,改為: ?12

3456

78910

1112

1314

15

其它的方法比較特殊,也不常用,通用性也不大,就不介紹了!

以上為大家介紹的是js函式自動執行常用方法,希望對大家的學習有所幫助。

**:

js 網頁載入完畢,執行js函式

一般網頁載入完畢後,會馬上執行js,給按鈕,超連結等標籤設定多種行為,實現這樣的方式 dofunction firstfunction secondfunction 為js的三個函式 1 乙個函式 window.onload dofunction 2 多個函式 函式數量過多,會出錯 window.o...

JS筆記 JS中函式的執行方式

僅做筆記分享,如有錯誤請高手指出 函式無非兩部分 資料和對資料的操作.資料又分為外部資料和內部資料 內部資料又分為引數和變數兩部分。在函式每次執行的時候,引數都會被賦予乙個新值,而變數則每次都會被設定為乙個相同的初始值。函式的變數和引數儲存方式 對於多個資料來說,最常用儲存方式是使用陣列儲存,這樣按...

理解javascript中的「自動執行函式」

因為之前看了jquery的原始碼,對於原始碼中的一開始的 不是很理解,後來到網上查了查,有了大致的了解,怕忘記了,所以記錄一下。function a 1 上面的 就是乙個自動執行的 函式,和 中的一樣。其中的 function a 是乙個匿名函式,接受乙個引數。隨後的 1 表示對這個匿名函式的呼叫,...