原生js的 window.onload与jq的$(document).ready(function(){})的区别

早上好,今天是2019年12月6日。欢迎观看济南app开发的网站,这里是山东文汇软件

1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是 DOM 结构绘制完毕后就执行,不必等到加载完毕。

onload 事件(W3c上给出的解释):
定义和用法
onload 事件会在页面或图像加载完成后立即发生。
语法
onload="SomeJavaScriptCode"
支持该事件的 HTML 标签:

支持该事件的 JavaScript 对象:
image, layer, window
在JavaScript中
window.onload = function(){
alert(“text1”);
};

等同于在jQuery中

$(window).load(function(){
alert("text1");
});

山东文汇专业软件开发,app开发,微信小程序开发,系统开发

2.编写个数不同 window.onload不能同时编写多个,如果有多个 window.onload 方法,只会执 行一个 $(document).ready()可以同时编写多个,并且都可以得到执行;

load方法只能执行一次,如果在js文件里写了多个,只能执行最后一个。

3.简化写法 window.onload没有简化写法 (document).ready(function())可以简写成(document).ready(function(){})可以简写成(document).ready(function())可以简写成(function(){});

例:

$(document).ready(function(){
alert("text2");
});

等同于(简化写法)

$(function(){
alert("text2");
});

山东文汇专业软件开发,app开发,微信小程序开发,系统开发

分享完毕,如果觉得对你有帮助的话,请继续关注本网站吧。我们是一家app开发,微信小程序开发,系统开发的专业软件公司

关键词:
返回列表

相关文章

相关案例