1、执行时机
window.onload 是网页中所有的元素都加载到浏览器后才执行
$(document).ready() 是dom完全就续就可以调用
例如:如果给一副图片添加点击事件,window.onload 必须等图片加载出来以后才能添加事件而ready是dom中的img 加载完成就能调用
2、多次使用
例如网页中有两个函数:
function one(){
alert('one');
}
function two(){
alert('two');
}

window.onload = one;
window.onload =two;
运行后发现 只能弹出 two 第一个被覆盖掉了

$(document).ready(function(){one()})
$(document).ready(function(){two()})
运行后发现one 和two 都谈出来了
$(document).ready() 与 window.onload 之间的区别

1、执行时机
window.onload 是网页中所有的元素都加载到浏览器后才执行
$(document).ready() 是dom完全就续就可以调用
例如:如果给一副图片添加点击事件,window.onload 必须等图片加载出来以后才能添加事件而ready是dom中的img 加载完成就能调用
2、多次使用
例如网页中有两个函数:
function one(){
alert('one');
}
function two(){
alert('two');
}

window.onload = one;
window.onload =two;
运行后发现 只能弹出 two 第一个被覆盖掉了

$(document).ready(function(){one()})
$(document).ready(function(){two()})
运行后发现one 和two 都谈出来了

随机推荐

  1. apache 局域网访问

    很多的朋友都想把自己的电脑打造为服务器使别人能够访问.比如说你自己写了一网站,只能自己通过localhost访问或127.0.0.1访问.但是怎么让别人的电脑也能访问呢?来看看自己写的网站.现在我来讲 ...

  2. 使用 Babel + React + Webpack 搭建 Web 应用

    话不说直接上正题. 环境搭建 Babel--目前浏览器对于ES6的语法解析支持度还不高,所以要通过转码在编译,所以在使用ES6之前要安装Babel,之前安装的时候遇到了一些问题但是没有全部记录下来,现 ...

  3. HTML中使背景图片自适应浏览器大小

    由于<body>标签的图片不能够拉伸, 解决办法: 1.图片不够大,又background属性不能拉伸图片: 2.只能用个div,把其z-index值设为负,并使这个div大小为整个bod ...

  4. 流媒体测试笔记记录之————阿里云监控、OBS、FFmpeg拉流和推流变化比较记录

    OBS设置视频(512kbps)和音频(128kbps)比特率 阿里云监控结果: 使用FFmpeg拉流到Nginx 服务器测试比特率 第二次测试,修改视频和音频比特率 OBS设置 阿里云监控 Ngin ...

  5. Spring AOP中pointcut expression表达式解析

    Pointcut 是指那些方法需要被执行"AOP",是由"Pointcut Expression"来描述的. Pointcut可以有下列方式来定义或者通过&am ...

  6. phalcon: 当删除循环删除一组数据,需要判断影响的行affectedRows

    phalcon:有一个表,按日期查找半年以为的数据,由于数据量特别大,不能一次:delete删除数据,否则会造成数据表卡顿,数据库锁死. 那么只能循环的删除数据,每次删除100条左右,知道删除为止., ...

  7. Find命令的用法

    1. 在某目录下查找文件 [root@localhost ~]# find /usr/local -name pci.ids* /usr/local/share/pci.ids.gz [root@lo ...

  8. Ajax些成绩批量录入

    1.jsp,ajax的循环调用,必须要递归,否则会出错. <%@ page language="java" import="java.util.*" pa ...

  9. js基本类型 引用类型

    参考 https://segmentfault.com/a/1190000005794070 http://blog.csdn.net/yummy_go/article/details/5050468 ...

  10. 项目部署到tomcat Root中后导致 WebApplicationContext 初始化两次的解决方法

    上一篇文章刚说项目部署到tomcat的ROOT中,今天就发现一个问题.通过eclipse启动tomcat时候,WebApplicationContext 初始化两次: 现象:   通过eclipse控 ...