jquery中的$(document).ready(function(){})和$(window).load()比较

1.执行时间 
window.onload()即jquery写法中的$(window).load(function(){})必须等到页面内包括图片的所有元素加载完毕后才能执行。 
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 
2.编写个数不同 
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个(最后一个)
$(document).ready()可以同时编写多个,并且都可以得到执行 
3.简化写法 
window.onload没有简化写法 
$(document).ready(function(){})可以简写成$(function(){});

时间: 2024-08-07 12:27:55

jquery中的$(document).ready(function(){})和$(window).load()比较的相关文章

$(document).ready(function(){})与window.load

$(document).ready(function(){ //to do something}) 是当文档全部加载完全的时候触发,包括img也加载完成但是相关的文件没有下载下来,能同时编写多个 window.onload是dom加载完成,img也加载完成,相关文件也下载完成了,不能同时编写多个 有什么不对的还请多多赐教,欢迎留言 原文地址:https://www.cnblogs.com/lwwen/p/9220286.html

jquery中的$(document).ready(function() {});

当文档载入时执行function函数里的代码, 这部分代码主要声明,页面加载后 "监听事件" 的方法.例如: $(document).ready( $("a").click(function(){alert('你点我干嘛')}); ): 这句的意思是:页面加载成功后,页面内的所有链接在"点击"事件的时候,提示"你点我干嘛"

jquery中$(document).ready(function(){//todo});window.onload时间线关系

1.基于DOM的解析加载过程,即:document.readystate状态, 其有如下四个状态: a.uninitiated,未初始化状态. b.loading,dom开始解析. c.loaded,dom解析完成.document.ready触发,然后再加载其他东西(图片.延迟加载的js代码等). d.complete,所需要的图片 异步js等也加载完成,整个页面不在请求数据. 2.例子如下: document.onreadystatechange = function(){ if(docum

jquery中的$(document).ready()使用小结

本篇文章主要是对jquery中的$(document).ready()使用方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 window.onload = function(){ alert("welcome"); } 这样的写法作用是希望在页面加载完,自动执行定义js代码(function). $(document).ready(function(){.... })这个函数是用来取代页面中的window.onload; document.ready()和传统的方

JQuery排错关于$(document).ready(function(){});

最近写了好多JQuery.也出了很多问题.不知道怎么回事.程序就不往下执行了.很是郁闷. 查了下资料,这里可能会有以下几种原因:1.js文件的引用路径不正确,特别是使用了命名空间,容易造成路径错误,使用绝对路径看是否成功.2.看 $(document).ready(function(){}); 是否会执行.3.$选择器所选的内容是否存在.排查很简单,请使用调试工具,如Firebug,查看console面板,就会把错误信息展现出来的. 这是我遇到的错误: jQuery,js : missing)a

比较body.onload(function())、$(document).ready(function())与$(windows).load(function)

原理对比: body.onload(function())是优先将document的DOM渲染,即将页面所有的元素(包括html标签以及所引用到的图片,flash媒体等媒体文件)加载完成,然后再执行页面的脚本: $(windows).load(function())的加载效果与body.onload(function())是一样的效果: $(document).ready(function())是优先对文档结构进行加载(不包括图片等非文字媒体文件),即优先加载HTML DOM,然后执行脚本. ★

jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()的区别

  body中的onload()和window.onload以及$(document).ready()的区别: 1.前两者都表示当页面加载元素(包括图片等信息)完毕后执行的操作,而且两者在各种浏览器中都兼容,而$(document).ready()表示的是JQuery中的一个方法因而只有在支持jQuery的浏览器中才适用,同时该方法是在当页面的dom节点加载完毕后就执行,无需等待页面中的图片等加载完成. 2.当代码中同时存在body中的onload()和window.onload()要注意的 :

jquery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较

想要添加这个效果,先来弄明白页面的加载和事件执行顺序,看这个简单例子: 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head > 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4 <title>验证加载顺序</title> 5 <s

Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解

Jquery是优秀的Javascrīpt框架,$是jquery库的申明,它很不稳定(我就常遇上),换一种稳定的写法jQuery.noConflict(); jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧,就是它了)的操作. 比如jquery写法: 1 $("div p"); // (1) 2 $("div.container"); /