博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
onload,window.onload,DOMcontentLoaded
阅读量:7250 次
发布时间:2019-06-29

本文共 623 字,大约阅读时间需要 2 分钟。

onload事件

定义和用法

onload 事件会在页面或图像加载完成后立即发生。

语法

onload="SomeJavaScriptCode"

参数 描述

SomeJavaScriptCode    必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签:

, , , 

支持该事件的 JavaScript 对象:

image, layer, window

window.onload

什么时候触发?

在文档加载完成后能立即触发

window.onload的用法

页面中的代码一般情况下按照,从上到下,从左到右的顺序执行。

所以js代码需要获取页面中的元素时,如果script标签在元素的前面,需要加window.onload;如果script放在了元素后面,就不需要加 window.onload。

DOMContentLoaded

什么时候触发?

初始的 HTML 文档被完全加载和解析完成之后,(浏览器DOM树形成之后)而无需等待样式表、图像和子框架的完成加载。但是必须等待其所属script之前的样式表加载解析完成才会触发

用法

jQuery 中经常使用的 $(document).ready(function() { // ...代码... }); 其实监听的就是 DOMContentLoaded 事件

二者区别详解

转载地址:http://jlhbm.baihongyu.com/

你可能感兴趣的文章
第十八章:MVVM(二)
查看>>
进程调度(二)
查看>>
python元组,集合类型,及字典补充
查看>>
9、python函数进阶
查看>>
Markdown一看就会
查看>>
dotweb——go语言的一个微型web框架(一)
查看>>
又是一个名叫草泥马的项目:thefuck
查看>>
《七周七并发模型》作者Paul Butcher访谈问题有奖征集
查看>>
linux基本功能的一些命令(用户,系统信息,包管理等)
查看>>
使用 dnscrypt-proxy 防止 dns 污染
查看>>
专访孙睿 :能做自己,去做自己想做的,是件挺幸福的事儿
查看>>
滴滴开源跨平台统一 MVVM 框架 Chameleon
查看>>
玖锦科技完成1.1亿元融资,中信惠科基金领投
查看>>
JavaWeb_常用功能_01_文件上传
查看>>
Git for Windows 2.21.0 发布,Win 下的 Git 客户端
查看>>
JSON和XML格式转换
查看>>
XXL-RPC v1.3.2,分布式服务框架
查看>>
将c++静态库实现二次封装供java调用
查看>>
在阿里云kubernetes上部署Jenkins Master
查看>>
VueJs开发笔记—IDE选择和优化、框架特性、数据调用、路由选项及使用
查看>>