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

2021-08-19 17:42:01 字數 439 閱讀 6066

一、js方法

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

2.在js語句呼叫:

3。js呼叫 onload方法 

二、jq方法

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

window.onload =function() ;

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

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

有一種灰常簡便的寫法:

$(function()

頁面自動執行(載入)js

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

JS執行與頁面載入

我是在csdn的技術問答中看到 js中有沒有jquery.ready這樣的方法 這個問題後,再看到兩篇不錯的文章 深入分析jquery的ready函式是如何工作的 工作原理 jquery document ready 與window.onload的區別 js中定義的事件 window.onload或...

頁面自動執行(載入)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...