HTML里Dom onload和jQuery document ready这两个事件的区别-阿里云开发者社区

开发者社区> 开发者小助手-bz5> 正文

HTML里Dom onload和jQuery document ready这两个事件的区别

简介: HTML里Dom onload和jQuery document ready这两个事件的区别
+关注继续查看

使用如下代码进行测试:

image.png

首先是jQuery的document.ready 事件触发:

image.png


此时document节点下还没有加载body和h1节点, 因此line 9,line11和line 12均返回null.

只有当Dom的onload 事件触发时,body node和h1 node才可见:

image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
boost boost::asio::read socket.read_some 区别
boost boost::asio::read 尝试读一定数量的字节,直到读到为止,或者出错  socket.read_some 读一下socket,读到多少算多少  带async的类似
1567 0
【js 方法】js 页面刷新location.reload和location.replace的区别 【转】
【转】:http://zccst.iteye.com/blog/2162658   reload 方法,该方法强迫浏览器刷新当前页面。 语法: location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。
829 0
Hibernate中Session.load与Session.get的区别
Session.load/get方法均可以根据指定的实体类和id从数据库读取记录,并返回与之对应的实体对象。其区别在于: 如果未能发现符合条件的记录,get方法返回null,而load方法会抛出一个ObjectNotFoundException。
580 0
【jQuery 区别】.click()和$(document).on("click","指定的元素",function(){});的区别
给出以下的代码展示: 1 //绑定 下一页 的点击事件 2 $("a[aria-label='Next']").click(function(){ 3 $("a[aria-label='Previous']").
737 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
12034 0
Chrome开发者工具network标签页里的transferred over network和resources loaded by the page的区别
Chrome开发者工具network标签页里的transferred over network和resources loaded by the page的区别
6 0
【高并发】ScheduledThreadPoolExecutor与Timer的区别和简单示例
JDK 1.5开始提供ScheduledThreadPoolExecutor类,ScheduledThreadPoolExecutor类继承ThreadPoolExecutor类重用线程池实现了任务的周期性调度功能。在JDK 1.5之前,实现任务的周期性调度主要使用的是Timer类和TimerTask类。本文,就简单介绍下ScheduledThreadPoolExecutor类与Timer类的区别,ScheduledThreadPoolExecutor类相比于Timer类来说,究竟有哪些优势,以及二者分别实现任务调度的简单示例。
77 0
shell中(),[]和[[]]的区别
1. 首先,尽管很相似,但是从概念上讲,二者是不同层次的东西。"[[",是关键字,许多shell(如ash bsh)并不支持这种方式。ksh, bash(据说从2.02起引入对[[的支持)等支持。"["是一条命令, 与test等价,大多数shell都支持。
780 0
DNN皮肤对象[LINKS]和[BREADCRUMB]区别
[LINKS]和[BREADCRUMB]都有level 和separator属性,那[LINKS]是干什么的,[BREADCRUMB]又实现什么? 这么解释吧,假设你有5个兄弟,你的父亲也有五个兄弟,你的儿子也有五个兄弟,你的孙子也有五个兄弟。
536 0
2497
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载