jquery $(document).ready() 与window.onload的区别
来源:互联网 发布:linux 查看文件夹用户 编辑:程序博客网 时间:2024/05/21 04:19
jquery $(document).ready() 与window.onload的区别
window.onload()
$(document).ready()
加载时机
必须等待网页全部加载完毕(包括图片等),然后再执行JS代码
只需要等待网页中的DOM结构加载完毕,就能执行JS代码
执行次数
只能执行一次,如果第二次,那么第一次的执行会被覆盖
可以执行多次,第N次都不会被上一次覆盖
举例以下代码无法正确执行:
window.onload = function() { alert(“text1”);}; window.onload = function() { alert(“text2”);};
结果只输出第二个
以下代码正确执行:
$(document).ready(function(){alert(“Hello”)}); $(document).ready(function(){alert(“Hello”)});
结果两次都输出
$(function () {})
一般情况下window的load()都是用来设置body标签的onload事件.但onload事件是要在页面的元素全部加载完了才触发的,这也包括页面上的图片,以及大的表格数据。如果页面上图片较多或图片太大,加载需要较多时间,就会导致页面无响应,或者用户做了其它操作了。
而Jeuery中的ready()则是在页面的dom(节点)加载完后就可以做相应的操作,而不用等待全部元素加载完成.比如只知道页面某处有一张图片,而不一定要等它显示出来就可以为它绑定点击方法。
load()一般不建议使用,这里主要讲一下( $(selector).ready())。
原理:
在jquery脚本加载的时候,会设置一个isReady的标记,监听DOMContentLoaded事件(这个不是什么浏览器都有的,不同浏览器,jquery运作方式不一样).当然遇到调用ready函数的时候,如果isReady未被设置,那就是说页面未加载完,就会把要执行的函数用一个数组缓存起来,当页面加载完后,再把缓存的函数一一执行.
0 0
- jquery的$(document).ready()方法 与 window.onload 的区别
- jquery中的$(document).ready()与window.onload的区别
- [转]jQuery $(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery 中 $(document).ready() 与window.onload 的区别
- jquery中的$(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- 【jquery】一、 $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- hadoop动态添加节点
- 差分约束学习笔记
- 过敏性鼻炎用药
- hdu 4956 Poor Hanamichi(bestcoder Round 6 1001)
- 临时解决浏览器兼容性问题
- jquery $(document).ready() 与window.onload的区别
- gcc hello.c -lpthread
- Hadoop1.0存在的问题和Hadoop2.0的介绍
- 关于android:typeface
- 一些数据结构题目的代码片段
- MFC中创建列表框&&及添加表格的方法
- OC基础知识点的总结(全),学习OC的日记
- linux usb枚举过程分析
- 关于韦东山书上的裸机程序在mini2440上的运行