JavaScript window.onload的作用

source 发布于2019-08-21 17:36 / 3088人阅读

摘要：作用确保脚本在文档加载完成之后再执行，这样避免了加载未完成就执行脚本，而无法获取对象的情况。而实验二将该脚本放在了的事件处理函数中，保证了文档加载完成之后再执行。

作用：

确保JavaScript脚本在文档加载完成之后再执行，这样避免了加载未完成就执行脚本，而无法获取对象的情况。

为了便于理解，我们做以下实验：

实验一：






window.onload用法

实验二：







window.onload用法

我们的目的是给盒子box加上背景颜色，
结果实验一失败，实验二成功了。
原因就在于
代码是按照顺序执行的，
当运行到document.getElementById("box").style.backgroundColor = "skyblue";
这句时，div对象还未来得及加载，因而设置失效。
而实验二将该脚本放在了window.onload的事件处理函数中，
保证了文档加载完成之后再执行。

海外云主机私有云 javascript的作用 javascript作用 javascript作用域链云端的作用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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