$(document).ready和window.onload的区别

$(document).ready比window.onload先执行。window.onload只执行一次。

$(document).ready和window.onload都是在都是在页面加载完执行的函数，大多数情况下差别不大，但也是有区别的。

$(document).ready:是DOM结构绘制完毕后就执行，不必等到加载完毕。意思就是DOM树加载完毕，就执行，不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个.ready。

****window.onload:是页面所有元素都加载完毕，包括图片等所有元素。只能执行一次。****

所以，$(document).ready的执行时间要早于window.onload。并且可以写多个，看代码:

//以下代码无法正确执行：
window.onload = function()
{
alert(“text1”);
};
window.onload = function()
{
alert(“text2”);
};
// 结果只输出第二个能同时编写多个

// 以下代码正确执行：
$(document).ready(function() {
alert(“Hello World”);
});

$(document).ready(function() {
alert(“Hello again”);
});
//结果两次都输出

如何理解浏览器的解析过程

https://www.cnblogs.com/caizhenbo/p/6679478.html

随机推荐

Charles(V3.10.1)的抓包以及常见功能的使用
一.Charles的安装安装都不会,那就不用再往下看了.(*^__^*) 嘻嘻…… 二.HTTP抓包 1.查看电脑IP地址 2.设置手机的HTTP代理手机连接到同一WiFi下设置HTTP代理: 服 ...
Django Rest Framework(二)
•基于Django 先创建一个django项目,在项目中创建一些表,用来测试rest framework的各种组件 models.py class UserInfo(models.Model): &q ...
认识 WebService
什么是服务? 1)现在的应用程序变得越来越复杂,甚至只靠单一的应用程序无法完成全部的工作.更别说只使用一种语言了. 2)大家在写应用程序查询数据库时,并没有考虑过为什么可以将查询结果返回给上层的应用 ...
Python基础：编码规范（4）
1.命名规范 Python中不同代码元素采用不同命名方式: ◊ 包名:全部小写字母,中间可以由点分隔开.作为命名空间,包名需具有唯一性. ◊ 模块名:全部小写字母,如果是多个单词构成,使用下划线分隔. ...
jsp使用
session.setAttribute("sessionName",Object); 用来设置session值的,sessionName是名称,object是你要保存的对象. s ...
knnsearch
转载:https://blog.****.net/bushixiaofan/article/details/27700299 K近邻算法是找到K个最近的邻居. IDX = knnsearch(X,Y) ...
dp回文
.dp回文子串通常在dp数组中存放的是从i到j是否是回文子串 1.动态规划 2.中心扩展法 #include<iostream> #include<algorithm> # ...
drf相关问题
drf自定义用户认证: 登录默认使用django的ModelBackend,对用户名和密码进行验证.但我们平时登录网站时除了用户名也可以用邮箱或手机进行登录,这就需要我们自己扩展backend 一. ...
magento 由于Httpd进程增多，导致CPU占用100%问题
由于Httpd进程增多,导致CPU占用100%问题 magento for version 2.2.3 前些天一直导致CPU无法控制的增多问题. 根据报错我设置了如下内容: [Mysql]mysql. ...
Java基础--异常处理
1.异常的传统处理方式缺点: [1] 通过判断影响执行效率. [2] 判断逻辑和业务逻辑交织在一起,可维护性很差. public class Test01 { public static void ...

秒客网

$(document).ready和window.onload的区别

随机推荐

相关文章