国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery中的read和JavaScript中的onload函數的區別

2019-11-20 14:14:20
字體:
來源:轉載
供稿:網友

在JavaScript中,onload函數是最經常使用的,幾乎涉及到JavaScript的童鞋都少不了要接觸它。這個函數的作用就是等待網頁完全裝載完了以后再去執行代碼塊內的語句,因為按照文檔流的執行順序,通常用于頭部加載JavaScript的時候需要用到。

復制代碼 代碼如下:

window.onload = function(){
    // 當網頁加載完成后執行這里的代碼塊
};

而在jQuery中也有一個對應的函數,即等待網頁加載完后執行代碼塊
復制代碼 代碼如下:

$(document).ready(function(){
    // 當網頁加載完成后執行這里的代碼塊    
});

以上這兩個看似一樣的功能,但實際有很大的區別。

onload不僅在創建DOM樹之后,而且在所有外部資源全部加載完畢,并且整個頁面在瀏覽器窗口中顯示完畢之后,才會執行。這些資源不僅包括圖片資源,而且包括嵌入在頁面上的flash視頻,如果圖片或者flash過多,那么會一段很長加載時間,也就意味這延遲執行代碼塊的時間會更多。

jQuery中的ready()方法只需要等待文檔結構被完全解析并且瀏覽器已經把HTML轉化為DOM樹后就會執行代碼塊,這里注意的是僅僅是DOM,網頁中的圖片,flash等外部資源都毫無關聯。

由此可見jQuery中的ready()方法將縮短等待時間。

當然還有另外一種方式,就是把腳本都在<body>標簽后面,這樣的話網頁按照文檔流順序執行,也會達到JavaScript中onload或者jQuery中ready()效果,并且這中方式將更快的展現網頁內容。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 聊城市| 来宾市| 岱山县| 湘潭市| 安义县| 绵竹市| 宜黄县| 南阳市| 兰坪| 仲巴县| 黔西县| 阿拉善左旗| 科技| 龙井市| 嘉鱼县| 东莞市| 旅游| 罗平县| 乌鲁木齐县| 靖远县| 聊城市| 望城县| 珲春市| 兴安盟| 扶沟县| 东兴市| 丰宁| 阜平县| 页游| 宁乡县| 东阿县| 怀柔区| 娱乐| 濮阳县| 阜宁县| 富平县| 泾川县| 常州市| 随州市| 余姚市| 永州市|