window.onload与$.ready的差别

在做图书管理系统的时候。实用到window.onload(){}方法。可是遇到了一个问题。就是怎么都不运行,究竟是为什么呢?愁了半天。后来经师姐指点改用了$.ready(){}。

在我的浅浅的了解中觉得他们是一样的。那为什么这个行,而那个不行呢?so,上网查!

Jquery中的$.ready(){}的作用类似于传统的JS中的window.onload方法。只是与windows.onload方法还是有差别的。

差别:

运行时间:

window.onload()必须等到页面内容所有载入完成后才干运行。包含图片等内容。

$.ready()是DOM结构汇至完成后就运行,不必等到载入完成。

编写个数不同

window.onload()不能同一时候编写多个。假设有多个window.onload()方法,仅仅会运行一个

$.ready()能够同一时候编写多个,而且都会运行。

我的window.onload()出错的原因是当时js其它函数有一个错误。所以导致他不运行。而换成$.ready()以后就好了。由于他们的实现方式不同么。

可是并非什么时候都用$.ready()就是好的。比方说假设是页面有有一张图片,而这个图片还没有载入完,就用$.ready()对图片操作,那样肯定会出错。这时候就应该考虑用window.onload()了,所以各有利弊。在不同的时候用不同的方法。

时间: 2024-10-09 15:14:34

window.onload与$.ready的差别的相关文章

window.onload与$.ready的区别

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

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

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

$(document).ready vs $(window).load vs window.onload

原文地址: $(document).ready vs $(window).load vs window.onload $(document).ready We execute our code when DOM is ready except images. 1 //call type 1 2 $(document).ready(function() { 3 /** work when all HTML loaded except images and DOM is ready **/ 4 //

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

  window.onload  $(document).ready() 执行时机 等待网页中所有的资源加载完毕后(包括 图片.flash.音频.视频) DOM 树加载完毕后,不管里面的资源 是否加载完成 编写个数 只能执行一个 可以执行多个 简化写法 无 $(function(){})

jQuery $(document).ready()和window.onload

jQuery $(document).ready()和window.onload 根据ready()方法的API说明http://api.jquery.com/ready/. 这个方法接收一个function类型的参数ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully loaded. 即当DOM加载完毕的时候,执行这个指定的方法. 因为只有document的状态ready之后,对page的操作才是

jquery 的ready() 与window.onload()的区别

做web开发时常用Jquery中$(document).ready()和JavaScript中的window.onload方法,两者都是要在页面加载完成以后加载的方法,但是这两者还是有很大区别的.最近遇到了这样的问题,查询了多篇文章,做一下总结. 简单来说,要以用以下张表来表示 : Jquery的ready()与Javascrpit的load()   window.onload() $(document).ready() 加载时机 必须等待网页全部加载完毕(包括图片等),然后再执行JS代码 只需

window.onload与$(document).ready()

在我们编写javascript代码的时候,我们开始会这样写的: window.onload = function (){ //编写代码 } 我并不知道为什么会是这样写的,看着别人这样写我也就这样写.今天我就来简单的说说:谈到onload我们要讲HTML的执行顺序.HTML的执行顺序是至上到下的,除非你特别的说明,javascript不会等到等到页面加载加载完成后才执行的. 例如:网页中有这样的一行代码 <p id="name">My name is Aaron</p&

浏览器加载模式:window.onload和$(document).ready()

jQuery库文件是在body元素之前加载的,必须等待所有的DOM元素加载后,延迟支持DOM操作,否则就无法获取到. 在延迟等待加载,JavaScript提供了一个事件为load,方法如下: window.onload = function () {}; //JavaScript等待加载 $(document).ready(function () {}); //jQuery等待加载load和ready区别 window.onload $(document).ready() 执行时机 必须等待网页

浏览器加载模式:window.onload和$(document).ready()的区别(详解)

jQuery库文件是在body元素之前加载的,必须等待所有的DOM元素加载后,延迟支持DOM操作,否则就无法获取到. 在延迟等待加载,JavaScript提供了一个事件为load,方法如下: window.onload = function () {}; //JavaScript等待加载 $(document).ready(function () {}); //jQuery等待加载load和ready区别 window.onload $(document).ready() 执行时机 必须等待网页