在HTML頁面載入完畢後執行某個js

2021-09-29 04:11:07 字數 882 閱讀 8833

1、js方法:

2、jquery方法:(需要引用jquery檔案支援)

或者可以簡寫為

當dom載入完就可以執行(比window.onload更早)。在同乙個頁面裡可以多次出現.ready()

ps:兩者的主要區別

window.onload:

$(document).ready:

舉乙個例子:

使用$(document).ready()一般來說都要優於試用onload事件處理程式,但必須要明確一點的是,因為支援檔案可能還沒有家在完成,所以類似影象的高度和寬度這樣的屬性此時不一定有效。

注:用把js放在頁面底部的方法以及運用defer=「defer」 的方法都是會出現問題的。最好使用上面的window.onload函式!

window.onload繫結多個函式

當乙個html頁面中載入了兩個window.οnlοad=function(){}函式時,頁面只會執行第二個window.onload裡面的內容,如果需要同時繫結多個事件,該如何處理呢?

方案一:

建立乙個匿名函式,來容納需要繫結的多個事件,再講這個匿名函式繫結到onload事件上

window.onload = function()else{

window.onload = function(){

oldonload();

func();

將現有的window.onload事件處理函式的值存入變數oldonload:

如果這個處理函式上還沒有繫結函式,則把新函式繫結給它;

如果已經繫結了函式,則把新的函式追加到指令的末尾。

呼叫方法:

addeventload(firstfuction);

addeventload(secondfuction);

在HTML頁面載入完畢後執行某個js

在dom載入完就可以執行 比window.onload更早 在同一頁面中可以多次出現.ready 兩者主要區別 window.nl ad function document ready function 使用 document ready function 一般來說都要優於使用onload事件處理程...

實現在HTML頁面載入完畢後執行某個JS的兩種方法

方式一 window.nl ad function 方式二 document ready function 方式二可簡寫為 function 兩種方式的區別 window.onload document ready 使用 document ready 一般來說都要優於試用onload事件處理程式,但...

Jquery 在頁面載入後執行的幾種方式

這篇文章主要介紹了jquery 在頁面載入後執行的幾種方式,需要的朋友可以參考下 方式1 function initpublish 說明 initpublish 即為你要執行的js函式 這段 放在頁面最低端。方式2 document ready function add your code here...