JavaScript window.onload的作用

source 發(fā)布于2019-08-21 17:36 / 3247人閱讀

摘要：作用確保腳本在文檔加載完成之后再執(zhí)行，這樣避免了加載未完成就執(zhí)行腳本，而無法獲取對象的情況。而實驗二將該腳本放在了的事件處理函數(shù)中，保證了文檔加載完成之后再執(zhí)行。

作用：

確保JavaScript腳本在文檔加載完成之后再執(zhí)行，這樣避免了加載未完成就執(zhí)行腳本，而無法獲取對象的情況。

為了便于理解，我們做以下實驗：

實驗一：






window.onload用法

實驗二：







window.onload用法

我們的目的是給盒子box加上背景顏色，
結(jié)果實驗一失敗，實驗二成功了。
原因就在于
代碼是按照順序執(zhí)行的，
當運行到document.getElementById("box").style.backgroundColor = "skyblue";
這句時，div對象還未來得及加載，因而設(shè)置失效。
而實驗二將該腳本放在了window.onload的事件處理函數(shù)中，
保證了文檔加載完成之后再執(zhí)行。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89750.html

相關(guān)文章

當SetTimeout遇到了字符串

摘要：也自己試了一下，發(fā)現(xiàn)確實不能運行字符串里面的代碼。那么現(xiàn)在答案很明顯了，既是不支持第一個參數(shù)為字符串的調(diào)用。在原先的問題中，如果是的話，由于的第一個參數(shù)支持的是函數(shù)或者是表達式，所以字符串會被自動執(zhí)行，將這個字符串強制轉(zhuǎn)換成一個函數(shù)。今天閑來沒事的時候，去逛逛segementFault，看了看別人提的問題。說到setTimeout和window.onload沖突。一開始我是挺疑惑他表...

waruqi 2019-08-21 14:41 評論0 收藏0
JavaScript裝飾者模式

摘要：用戶名不能為空密碼不能為空校驗未通過使用優(yōu)化代碼返回的情況直接，不再執(zhí)行后面的原函數(shù)用戶名不能為空密碼不能為空本文是《JavaScript設(shè)計模式與開發(fā)實踐》的學習筆記，例子來源于書中，對于設(shè)計模式的看法，推薦看看本書作者的建議。什么是裝飾者模式？給對象動態(tài)增加職責的方式成為裝飾者模式。裝飾者模式能夠在不改變對象自身的基礎(chǔ)上，在運行程序期間給對象動態(tài)地添加職責。這是一種輕便靈活...

Taste 2019-08-26 13:30 評論0 收藏0
JavaScript 基礎(chǔ)知識 - BOM篇

摘要：在中我們需要掌握定時器。定時器不是我們調(diào)用，我們只需要把函數(shù)的地址傳過去，時間到了，會自己調(diào)用。參數(shù)延時的時間單位毫秒返回定時器的，用于清除示例代碼延時定時器秒后將執(zhí)行的代碼。 showImg(https://segmentfault.com/img/remote/1460000012575821?w=1920&h=1080); 前言本篇文章是JavaScript基礎(chǔ)知識的BOM篇，...

garfileo 2019-08-01 18:16 評論0 收藏0
JavaScript 基礎(chǔ)知識 - BOM篇

摘要：在中我們需要掌握定時器。定時器不是我們調(diào)用，我們只需要把函數(shù)的地址傳過去，時間到了，會自己調(diào)用。參數(shù)延時的時間單位毫秒返回定時器的，用于清除示例代碼延時定時器秒后將執(zhí)行的代碼。 showImg(https://segmentfault.com/img/remote/1460000012575821?w=1920&h=1080); 前言本篇文章是JavaScript基礎(chǔ)知識的BOM篇，...

Object 2019-08-21 18:24 評論0 收藏0
JavaScript中的閉包

摘要：權(quán)威指南第版中閉包的定義函數(shù)對象可以通過作用域鏈相互關(guān)聯(lián)起來，函數(shù)體內(nèi)部的變量都可以保存在函數(shù)作用域內(nèi)，這種特性在計算機科學文獻中成為閉包。循環(huán)中的閉包使用閉包時一種常見的錯誤情況是循環(huán)中的閉包，很多初學者都遇到了這個問題。閉包簡介閉包是JavaScript的重要特性，那么什么是閉包？《JavaScript高級程序設(shè)計(第3版)》中閉包的定義：閉包就是指有權(quán)訪問另一個函數(shù)中的變...

Donne 2019-08-21 15:36 評論0 收藏0