JavaScript window.onload的作用

source 發布于2019-08-21 17:36 / 3223人閱讀

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

作用：

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

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

實驗一：






window.onload用法

實驗二：







window.onload用法

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89750.html

當SetTimeout遇到了字符串

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

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

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

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

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

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

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

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

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

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