JavaScript window.onload的作用

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

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

作用：

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

為了便于理解，我們做以下實(shí)驗(yàn)：

實(shí)驗(yàn)一：






window.onload用法

實(shí)驗(yàn)二：







window.onload用法

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

GPU云服務(wù)器云服務(wù)器 javascript的作用 javascript作用 javascript作用域鏈云端的作用

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/89750.html

相關(guān)文章

當(dāng)SetTimeout遇到了字符串

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

waruqi 2019-08-21 14:41 評(píng)論0 收藏0
JavaScript裝飾者模式

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

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

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

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

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

Object 2019-08-21 18:24 評(píng)論0 收藏0
JavaScript中的閉包

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

Donne 2019-08-21 15:36 評(píng)論0 收藏0