关于JS的window.onload与$(function (){})方法区别
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(function (){})==$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
以下是他们两者区别:
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
另外,需要注意一点,由于在 $(document).ready() 方法内注册的事件,只要 DOM 就绪就会被执行,因此可能此时元素的关联文件未下载完。例如与图片有关的 html 下载完毕,并且已经解析为 DOM 树了,但很有可能图片还没有加载完毕,所以例如图片的高度和宽度这样的属性此时不一定有效。要解决这个问题,可以使用 Jquery 中另一个关于页面加载的方法 ---load() 方法。 Load() 方法会在元素的 onload 事件中绑定一个处理函数。如果处理函数绑定给 window 对象,则会在所有内容 ( 包括窗口、框架、对象和图像等 ) 加载完毕后触发,如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发。
Jquery 代码如下:
$(window).load(function (){
// 编写代码
});
等价于 JavaScript 中的以下代码
Window.onload = function (){
// 编写代码
}
转载于:https://www.cnblogs.com/ourLifes/p/9964734.html
关于JS的window.onload与$(function (){})方法区别相关推荐
- window.onload和$(function(){})的区别介绍
2019独角兽企业重金招聘Python工程师标准>>> 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).read ...
- jquery (js中window.onload与jquery中$(document.ready())的区别)
jquery 学习之一(js中window.onload与jquery中$(document.ready())的区别) 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张 ...
- JS中window.onload事件详解
window.onload出现的原因? 我们都知道页面的代码顺序是从上往下进行加载,很多时候我们要对页面中的某一个模块进行操作,这时候我们常常使用javascript代码来进行操作.为了能够保证操作 ...
- js中window.onload 与 jquery中$(document.ready()) 测试
js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...
- js设置html打印不分页,JS 使用 window对象的print方法实现分页打印功能
最近做项目用到了web在线打印功能,经研究使用了JS自身支持的Window对象的打印方法,此种方法兼容性比较好,在IE和火狐浏览器下使用都没有问题. 1.但是网上好多案例都不支持分页功能,最后通过CS ...
- window.onload和$(document).ready()区别很大……
window.onload和$(document).ready()区别很大-- posted on 2014-06-11 14:01 Juniors 阅读(...) 评论(...) 编辑 收藏 转载于 ...
- JQuery的$(document).ready(function(){})与JS的window.onload 的各自优势!
由于项目需要,使用JQuery也有相当一段时间了.由于经常要处理DOM节点加载.图片显示以及动态资源请求,所以对$(document).ready(function(){})理解也越来越深了,所有在此 ...
- 被引用的外部JS存在window.onload时,判断当前页面是否已存在window.onload,并进行相应处理...
如果页面a.html引用了b.js,b.js里的方法需要在页面资源加载完成后执行,即在window.onload里执行:这时如果a.html里使用了window.onload方法,b.js就不能重复调 ...
- $(document).ready() $(window).load 及js的window.onload
1.$(document).ready() 简写为$(function(){}) DOM结构绘制完成执行,而无需等到图片或其他媒体下载完毕. 2.$(window).load 在有时候确实我们有需 ...
最新文章
- 在C语言中解析json配置文件
- Java项目:精品养老院管理系统(java+Springboot+Maven+mybatis+Vue+Mysql)
- 字节老板在群里diss员工:上班时间聊游戏,工作很闲吗?员工回怼:查聊天记录,看聊天时间占工作时间百分比!网友:真·扁平化管理!...
- hashmap的C++实现
- jsp中${}解析不了
- ASP.NET AJAX 控件开发基础
- .NET Core 和 .NET Framework 启动可执行文件的差别
- VS2005 出现warning C4996: strcpy was declared deprecated
- 你们期待的小屏旗舰来了: 骁龙855 没有刘海!
- MAC硬盘空间减少的隐藏杀手,VM到底是什么?
- WebToLayers如何将网页转换为PSD文档?
- aliez歌词_aLIEz (中文版)歌词 aLIEz (中文版)Lrc歌词
- 昆仑万维上半年营收22.5亿同比降2%:净利6.4亿 同比降35.6%
- [填坑]ubuntu 18.04+Windows 10双硬盘双系统修改默认启动顺序
- 再也不用担心MMD模型压缩包乱码啦 免费压缩软件Bandizip介绍
- 夏季哪些蔬菜不适合生吃凉拌,食用会发生危险
- linux sqlserver有图形化吗,SQL Server for Linux 下一版本的公共预览
- 1685_Excel的几种脚本处理方式
- 你真的会用ls命令吗?--文件管理命令(ls命令详解)
- CTF练习-TU-CTF-2016 pwn BBYS-first-elf-25 记录
热门文章
- MVC4 下DropDownList使用方法
- C++基础系列五:自增自减操作符、箭头操作符、new和delete操作符
- 设计模式学习--工厂模式
- 【Java 面向对象】基础、Java程序的内存划分、嵌套类(内部类、静态嵌套类)、局部类、接口的升级问题(默认方法、静态方法)、instanceof
- ZooKeeper官方文档学习笔记01-zookeeper概述
- 校招刷题---java选择题笔记02
- Linux系统发行版本介绍(一)——CentOS介绍
- [转]关于Linux下时间片分配给进程还是线程的问题
- 10张架构图包含Python所有方向的学习路线,你们要的体系全在这
- 推荐的字符与字符串处理方式