onload和ready的区别

    1. ?
      window.load


      $(document).ready()


      执行时机


      必须等待网页中所有的内容加载完毕后(包括图片)才能执行


      网页中所有DOM结构绘制完毕后就执行,可以能DOM元素关联的内容并没有加载完


      编写个数


      不能同时编写多个

      以下代码无法正确执行:

      window.onload = function(){

      alert(“offcn”);

      };

      window.onload = function(){

      alert(“offcn.com”);

      };

      结果只输出第二个


      能同时编写多个

      以下代码正确执行:

      $(document).ready(function(){

      alert(“Hello offcn”);

      });

      $(document).ready(function(){

      alert(“Hello offcn.com”);

      });

      结果两次都输出


      简化写法



      $(function(){

      // do something

      });

时间: 2024-08-27 08:53:47

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

浏览器加载模式: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()的区别

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

【javascript】onload load ready的那些事

首先明确一下页面加载的步骤: 1.下载解析HTML文档结构 2.加载外部脚本文件与样式表文件 3.解析并执行脚本代码 4.构造HTML DOM模型 5 .加载图片等外部文件 6.页面加载完毕 接下来,我们分别介绍一下三者: load()方法: load()方法总共有两种,分别是 jquery的load()方法和jquery Ajax的load()方法. 如何区别两个方法在于参数的不同. jQuery: 当指定的元素(及子元素)已加载时,会发生 load() 事件. 该事件适用于任何带有 URL

(2)window.load和ready的区别

1.执行时机: window.onload:必须等待网页全部加在完毕(包括图片等),然后再执行包裹代码 $(document).ready():只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码 2.执行次数: window.onload:只执行一次,如果第二次,那么第一次的执行会被覆盖 $(document).ready():可以执行多次,第N次都不会被上一次覆盖 3.简写方案: window.onload:无 $(document).ready():$(function (){ });

JQuery onload、ready概念介绍及使用方法

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成,onload,ready概念容易混淆,下面为大家详细介绍下 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 一般样式控制的,比如图片大小控制放在onload 里面加载; jS事件触发的方法,可以在ready 里面加载; 用jQ的人很多人都是这么开始写脚本的: 通常

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

$(document).ready()是在DOM结构载入完后执行的,而window.onload是得在所有文件都加载完后执行的,注意区别,一个是DOM加载完,一个是所有文件加载完 耳听为虚,眼见为实.通过下面的实例可查看两者的异同(注意:aa.jpg最好是一张大容量图片) <html> <head> <script type='text/javascript' src='jquery-1.3.2.min.js'></script> <script ty

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

首先概念上分清楚这二者:其实从名称上就能很好的区分 (1)window对象javascript的BOM对象(表示浏览器窗口,用白话说就是你当前访问的这个网页),所以window.onload表示的就是当前浏览器窗口(包括当前html网页上的所有资源:dom树.图片等)加载完成后,接下来才会执行里面写的js代码: (2)document对象是javascript的DOM对象(表示文档对象模型,用白话说就是你当前访问的这个网页的整个dom树结构),所以$(document).ready()表示的就是