久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

js頁面加載后執(zhí)行的幾種方式分別是什么-創(chuàng)新互聯(lián)

js頁面加載后執(zhí)行的幾種方式分別是什么,針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

成都創(chuàng)新互聯(lián)專注于企業(yè)全網整合營銷推廣、網站重做改版、閔行網站定制設計、自適應品牌網站建設、html5、商城網站制作、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為閔行等各大城市提供網站開發(fā)制作服務。

在實際應用中往往需要在頁面加載完畢之后再去執(zhí)行相關的js代碼,之所以這么操作是有道理的,如果是操作dom元素,如果相關元素沒有加載完成,而去執(zhí)行js代碼,可能會導致錯誤,下面就介紹一下如何實現(xiàn)頁面加載完成再去執(zhí)行代碼,這是最為基礎的知識了,可能初學者還不太了解,寄希望能夠給需要的朋友帶來一定幫助。

一.window.onload事件:

代碼如下:

原生js

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

jquery

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

當頁面完全加載完畢之后再去執(zhí)行code代碼。說明頁面需要dom操作,必須到最后才可以執(zhí)行。

二.使用jQuery的ready事件:

$(document).ready(function() { //code});

一般

(function () {//code}})();

當穩(wěn)當結構加載完畢再去執(zhí)行code代碼。

通用的頁面加載后再運行JS有兩種方式:1、在DOM加載完畢后,頁面全部內容(如圖片等)完全加載完畢前運行JS。 2、在頁面全部內容加載完成(包括引用文件,圖片等)之后再加載JS

1、在DOM加載后,全部內容加載前運行這種方式在同一文件中可以運行多個且不會覆蓋。

由于在$(document).ready()方法只要DOM就緒就會被執(zhí)行,因此可能此時元素的關聯(lián)文件未下載完。例如與圖片有關的HTML下載完畢,并且已經解析為DOM樹了,但很有可能圖片還未加載完畢,所以例如圖片的高度和寬度這樣的屬性此時不一定有效。要解決這個問題,可以使用Jquery中 load()方法在需要的文件加載完畢后對其進行操作。

$(document).ready(function(){});$().ready(function(){})  //簡寫 當$()不帶參數時默認就是document$(function(){});       //簡寫

2、在全部內容加載后運行這種方式中只能執(zhí)行一個 onload代碼,當文件由多個onload或者load,只加載最后一個,前面的將會被覆蓋且前面的onload里面的代碼不會執(zhí)行。

window.onload = function(){}; // —-js $(window).load(function(){});   //---jquery

3、DOM文檔加載步驟

1.解析HTML結構2.加載外部的腳本和樣式文件3.解析并執(zhí)行腳本代碼4.執(zhí)行$(function(){})內對應代碼5.加載圖片等二進制資源6.頁面加載完畢,執(zhí)行window.onload

補充:

1:$(function){};

2:$(document).ready(function(){});

3:$(window).load(function(){});

4:window.onload = function(){};

5:在標簽上靜態(tài)綁定onload事件,<body onload="aaa()">等待body加載完成,就會執(zhí)行aaa()方法。

注:第1種是第2種的簡寫方式。兩個是document加載完成后就執(zhí)行方法。第3種和第4種都是等到整個window加載完成執(zhí)行方法體。兩者也沒有區(qū)別,只是一個使用dom對象,一個使用jQuery對象。

執(zhí)行順序:1和2無論放在哪里都是最先執(zhí)行,3和4在其之后執(zhí)行,5最后執(zhí)行

關于js頁面加載后執(zhí)行的幾種方式分別是什么問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。

網站題目:js頁面加載后執(zhí)行的幾種方式分別是什么-創(chuàng)新互聯(lián)
轉載來源:http://sd-ha.com/article32/doeopc.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供服務器托管、企業(yè)網站制作、網頁設計公司域名注冊、軟件開發(fā)、虛擬主機

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都網站建設