JQUERY的$(function(){})和window.onload=function(){}的区别
2024-09-05 11:20:52
在Jquery里面,我们知道入口函数有两种写法:$(function(){}) 和$(document).ready(function(){})
作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。
重点内容
1.执行时间
1 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
2 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
1 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
2 $(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
1 window.onload没有简化写法
2 $(document).ready(function(){})可以简写成$(function(){});
由于在 $(document).ready() 方法内注册的事件,只要 DOM 就绪就会被执行,因此可能此时元素的关联文件未下载完。例如与图片有关的 html 下载完毕,并且已经解析为 DOM 树了,但很有可能图片还没有加载完毕,所以例如图片的高度和宽度这样的属性此时不一定有效。要解决这个问题,可以使用 Jquery 中另一个关于页面加载的方法 —load() 方法。 Load() 方法会在元素的 onload 事件中绑定一个处理函数。如果处理函数绑定给 window 对象,则会在所有内容 ( 包括窗口、框架、对象和图像等 ) 加载完毕后触发,如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发。
Jquery 代码如下:
$(window).load(function (){
// 编写代码
});等价于 JavaScript 中的以下代码
Window.onload = function (){
// 编写代码
}
最新文章
- c++标准模板库algorithm头文件中accumulate算法的代码
- WebKit内核分析之Page
- js遍历
- Python学习笔记6-字典
- table 数据少时 ,tr高度变化
- Hopcroft-Karp算法模版
- 圣魔大战3(Castle Fantisia)艾伦希亚战记完美攻略
- 解决mysql不是内部或外部命令
- Putty(菩提)远程连接服务器教程听语音
- 视频压缩:I帧、P帧、B帧
- vue.cli脚手架初次使用图文教程
- Linux之备份(tar)/解压与压缩(gzip,bzip2,xz)【待完善】
- 解决和排查 ";必须使用适当的属性和方法修改 User-Agent"; 错误时遇到的一些坑
- Substring方法(C#,JS,Java,SQL)的区别
- python中和生成器协程相关yield from之最详最强解释,一看就懂(二)
- 分布式消息队列RocketMQ--事务消息--解决分布式事务
- 最值得拥有的免费Bootstrap后台管理模板
- 洛谷 P1896 [SCOI2005]互不侵犯
- Working Set
- TCP/IP重新学习
热门文章
- vim 绑定到 source insight 快捷键
- docker使用上的错误
- ssh connection refused 问题
- jquery实现静态页面include
- WPF界面开发:DevExpress WPF在GridControl中固定行时处理时刻
- k8s安装flannel报错“node ";master"; pod cidr not assigned”
- HDU 6035 - Colorful Tree | 2017 Multi-University Training Contest 1
- 【Wince-ListView】Wince中的 ListView怎么显示网格?
- 解决SpringBootApplication右键没有启动项的问题
- yii 创建模块module