jQuery中的read和JavaScript中的onload函數的區別在哪
在JavaScript中,onload函數是最經常使用的,幾乎涉及到JavaScript的童鞋都少不了要接觸它。這個函數的作用就是等待網頁完全裝載完了以後再去執行代碼塊內的語句,因為按照文檔流的執行順序,通常用於頭部加載JavaScript的`時候需要用到。
複製代碼 代碼如下:
ad = function(){
// 當網頁加載完成後執行這裏的代碼塊
};
而在jQuery中也有一個對應的函數,即等待網頁加載完後執行代碼塊
複製代碼 代碼如下:
$(document)y(function(){
// 當網頁加載完成後執行這裏的代碼塊
});
以上這兩個看似一樣的功能,但實際有很大的區別。
onload不僅在創建DOM樹之後,而且在所有外部資源全部加載完畢,並且整個頁面在瀏覽器窗口中顯示完畢之後,才會執行。這些資源不僅包括圖片資源,而且包括嵌入在頁面上的flash視頻,如果圖片或者flash過多,那麼會一段很長加載時間,也就意味這延遲執行代碼塊的時間會更多。
jQuery中的ready()方法只需要等待文檔結構被完全解析並且瀏覽器已經把HTML轉化為DOM樹後就會執行代碼塊,這裏注意的是僅僅是DOM,網頁中的圖片,flash等外部資源都毫無關聯。
由此可見jQuery中的ready()方法將縮短等待時間。
當然還有另外一種方式,就是把腳本都在標籤後面,這樣的話網頁按照文檔流順序執行,也會達到JavaScript中onload或者jQuery中ready()效果,並且這中方式將更快的展現網頁內容。
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
PHP開發工程師的具體職責
PHP開發工程師的具體職責1職責:1,負責設計產品的前後台技術框架;2,承擔系統的開發工作,改進框架,基礎架構,持續優化服務;3,承擔關鍵項目的技術評審及總體設計,參與構建系統原型及關鍵技術問題的攻關活動;4,控制產品設計質量,制定產品開發規範、指導或撰寫方案、設計等文檔;5,...
-
JavaScript 函數表達式
JavaScript中創建函數主要有兩種方法:函數聲明和函數表達式。這兩種方式都有不同的適用場景。這篇筆記主要關注的是函數表達式的幾大特點以及它的使用場景,下面一一描述。主要特點可選的函數名稱函數名稱是函數聲明的必需組成部分,這個函數名稱相當於一個變量,新定...
-
學習JavaScript的7個理由
為什麼要學習JavaScript?學習JavaScript對我們的工作有什麼幫助麼?下面YJBYS小編為大家講解!需求我之所以這樣説的主要原因是,隨着JavaScript的日漸成熟,以及方案變得越來越可行,我們對JavaScript程序員的需求正在持續增長。JavaScript在需求比例上已經超過了C#,僅...
相關文章
- JavaScript在Android的WebView中parseInt函數轉換不正確
- Should Private Cars Be Encouraged in China高中英語作文
- JQuery的ready函數與JS的onload區別詳解
- 關於javascript中encodeURI和decodeURI的使用方法
- Javascript中設立對象的ReadOnly屬性
- Jolie drops battle over perfume named Shilohy英語作文
- 英語閲讀:VIT declines to acquire Ang Mo Kio property
- 如何實現bootstrap jquery dataTable異步ajax刷新表格數據
- A Lifeguard at Johns Beach Saved a Drowning Child,A Lifeguar英語作文
- whats your plan for dragon boat festival英語作文