(2)window.load和ready的区别

1、执行时机:

window.onload:必须等待网页全部加在完毕(包括图片等),然后再执行包裹代码

$(document).ready():只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码

2、执行次数:

window.onload:只执行一次,如果第二次,那么第一次的执行会被覆盖

$(document).ready():可以执行多次,第N次都不会被上一次覆盖

3、简写方案:

window.onload:无

$(document).ready():$(function (){

});

现实中很少用window.onload,因为要页面中大型元素加载完毕才能执行js代码,在网速较慢的情况下,页面已经全面展开但是图片却还在加载,该页面上的JS交互功能全部处于假死状态,并且只能执行单词在多次开发和团队开发中会带来一些困难。

(2)window.load和ready的区别

时间: 2024-10-14 21:59:57

(2)window.load和ready的区别的相关文章

【JQuery】jQuery(document).ready(function($) { });的几种表示方法及load和ready的区别

jQuery中处理加载时机的几种方式 第一种: jQuery(document).ready(function() { alert("你好"); }); //或 $(document).ready(function() { alert("你好"); }); 第二种: jQuery(function() { alert("你好"); }); //或 $(function() { alert("你好"); }); 第三种: (fu

jquery load 和ready的区别

jQuery有3种针对文档加载的方法 $(document).ready(function() { // ...代码... }) //document ready 简写 $(function() { // ...代码... }) $(document).load(function() { // ...代码... }) 一.要了解两者的区别必须要搞清HTML页面的加载渲染的顺序,html页面到底是怎么加载? 1.解析HTML结构(当浏览器获得一个html文件时,会"自上而下"加载): 2

window.onload与$.ready的区别

在做图书管理系统的时候,有用到window.onload(){}方法,但是遇到了一个问题,就是怎么都不执行,到底是为什么呢?愁了半天.后来经师姐指点改用了$.ready(){}.在我的浅浅的了解中认为他们是一样的,那为什么这个行,而那个不行呢?so,上网查! Jquery中的$.ready(){}的作用类似于传统的JS中的window.onload方法.不过与windows.onload方法还是有区别的. 区别: 执行时间: window.onload()必须等到页面内容全部加载完毕后才能执行,

onload和ready的区别

? window.load $(document).ready() 执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结构绘制完毕后就执行,可以能DOM元素关联的内容并没有加载完 编写个数 不能同时编写多个 以下代码无法正确执行: window.onload = function(){ alert(“offcn”); }; window.onload = function(){ alert(“offcn.com”); }; 结果只输出第二个 能同时编写多个 以下代

jQuery document window load ready 区别详解

用过JavaScript的童鞋,应该知道window对象和document对象,也应该听说过load事件和ready事件,小菜当然也知道,而且自认为很了解,直到最近出了问题,才知道事情并不是那么简单. 首先说说window和document,直观上来讲,window代表的是浏览器窗口,而document代表的是浏览器窗口中加载的dom元素,进一步说,document是window的一个属性,window是最顶级的对象. 二者有啥区别呢?很好理解,假设现在有一个浏览器,里边加载的页面特别长,已经超

$(document).ready() 、window.onload、body.Onload()、 $(window).load、image.onload的区别

首先说说window和document,直观上来讲,window代表的是浏览器窗口,而document代表的是浏览器窗口中加载的dom元素,进一步说,document是window的一个属性,window是最顶级的对象. 二者有啥区别呢?很好理解,假设现在有一个浏览器,里边加载的页面特别长,已经超出了一屏,当然,肯定会出现滚动条了,这时候,$(window).height()和$(document).height()是不相等的,document的高度肯定要比window的大,因为window窗口

$(window).load(function(){}) 和 $(document).ready(function(){})的区别

在JavaScript中 window.onload = function(){ alert("text1"); }; 等同于在jQuery中 $(window).load(function(){ alert("text1"); }); 他们都是用于当页面的所有元素,包括外部引用文件,图片等都加载完毕时运行函数内的alert函数.load方法只能执行一次,如果在js文件里写了多个,只能执行最后一个.(初学者常常在页面结构里对元素直接写行为函数,这样是很丑陋的,可以用

window.load 和$(document).ready() 区别

1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕.2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready()可以同时编写多个,并且都可以得到执行 以下代码无法正确执行: window.onload = function(){ alert(“text1”); }; wind

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

<锋利的jQuery>上摘抄下来: window.onload $(document).ready() 执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结果绘制完毕后就执行,可能DOM元素关联的东西并没有加载完 编写个数 不能同时编写多个 以下代码无法正确执行:window.load = function() {  alert("test1"); }; window.load = function() {  alert("test