JS在頁面載入之後執行

2022-06-13 16:42:12 字數 664 閱讀 8424

通用的頁面載入後再執行js有兩種方式:1、在dom載入完畢後,頁面全部內容(如等)完全載入完畢前執行js。   2、在頁面全部內容載入完成(包括引用檔案,等)之後再載入js

這種方式在同一檔案中可以執行多個且不會覆蓋。

$(document).ready(function

(){});

$().ready(

function(){})  //

簡寫 當$()不帶引數時預設就是document

$(function(){});       //

簡寫

這種方式中只能執行乙個 onload**,當檔案由多個onload或者load,只載入最後乙個,前面的將會被覆蓋且前面的onload裡面的**不會執行。

window.onload = function(){};    //

—-js

$(window).load(function(){});   //

---jquery

1.解析html結構

2.載入外部的指令碼和樣式檔案

3.解析並執行指令碼**

4.執行$(function(){})內對應**

5.載入等二進位制資源

6.頁面載入完畢,執行window.onload

jQuery和js頁面載入完成之後就執行的兩種方法

jquery載入頁面的方法 頁面載入完成就執行 建議大家看下windows.onload與 document ready之間的區別。1 function 2 document ready function 3 window.onload function html 為點選,且頁面需要引用jquery...

JS執行與頁面載入

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

頁面自動執行(載入)js

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