博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery中$(document).ready()和window.onload的区别?
阅读量:6086 次
发布时间:2019-06-20

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

document.ready和document.load的区别?(JQ中的$(document).ready()和window.onload的区别?)

window.onload,是采用DOM0级事件绑定监听的load事件

  1)load事件本身就是当所有资源加载完成才会被触发,window.onload指的是浏览器中的资源文件(HTML结构、图片、文字、音视频...)加载完成就会被触发

  2)DOM0绑定方式决定了他只能绑定一个方法,绑定多个,后面把前面会覆盖掉

$(document).ready()是JQ拿原生JS封装好的方法,等同于$(function(){}),JQ在封装这个方法的时候,采用DOM2级事件绑定,而且监听的事件是DOMContentLoaded(在IE6~8下监听的是onreadystatechange事件)

  1)DOMContentLoaded事件本身就是DOM结构渲染完成就会被触发,所以只要页面中的HTML结构加载完成,就会触发对应的事件,把绑定的方法执行

  2)采用DOM2绑定,所以可以绑定多个方法

转载于:https://www.cnblogs.com/Scar007/p/7505481.html

你可能感兴趣的文章
centos安装教程
查看>>
kafka 扩容之后迁移topic
查看>>
CYQ.Data 轻量数据层之路 常见问题QA(三十)
查看>>
秋天新作品:秋式广告杀手,每年帮大伙多活7-8天!
查看>>
CYQ.Data 轻量数据层之路 优雅V1.4 辅助工具(十)
查看>>
使用RockMongo管理MongoDB
查看>>
python中类方法和静态方法区别
查看>>
Spring Boot动态创建Bean,DynamicDataSource实现读写分离的多数据源
查看>>
BASH编程入门手册[未完成,待续..]
查看>>
Java 多线程协调工具 CyclicBarrier 与CountDownLatch 学习
查看>>
Incorrect string value: '\xE4\xB8\xAD\xE5\x9B\xBD.
查看>>
java内存笔记
查看>>
solr5.5以上版本在tomcat8下运行
查看>>
PropertyDescriptor
查看>>
在PHP中使用Mockery进行测试驱动开发(TDD) - 上
查看>>
【AngularJS】—— 10 指令的复用
查看>>
hibernate 怎么增加 comment
查看>>
python实现一个简单的爬虫搜索功能
查看>>
maven将main 方法写入mainfest中
查看>>
js json字符串转换为json对象之引申问题
查看>>