首页 \ 问答 \ window.onload vs $(document).ready()(window.onload vs $(document).ready())

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

JavaScript的window.onload和jQuery的$(document).ready()方法有什么区别?


What are the differences between JavaScript's window.onload and jQuery's $(document).ready() method?


原文:https://stackoverflow.com/questions/3698200
更新时间:2019-07-05 04:25

最满意答案

ready事件发生在HTML文档加载完成之后,当所有内容(例如图像)也被加载时,稍后会发生onload事件。

onload事件是DOM中的标准事件,而ready事件是特定于jQuery的事件。 ready事件的目的是在文档加载后尽可能早地发生,从而为页面中的元素添加功能的代码不必等待所有内容加载。


The ready event occurs after the HTML document has been loaded, while the onload event occurs later, when all content (e.g. images) also has been loaded.

The onload event is a standard event in the DOM, while the ready event is specific to jQuery. The purpose of the ready event is that it should occur as early as possible after the document has loaded, so that code that adds functionality to the elements in the page doesn't have to wait for all content to load.

2014-10-02

相关问答

更多

jquery中$ready和window.onload的区别

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

jquery的window.onload和$有什么区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).r ...

有多个window.onload函数(Having multiple window.onload functions)

请尝试使用addEventListener 。 function myFunction() { // do stuff here } window.addEventListener("load", myFunction, false); Try using addEventListener instead. function myFunction() { // do stuff here } window.addEventListener("load", myFunction, ...

11.javascript window.onload 事件和 jquery ready 函数有何不同

window.onload是在页面所需资源加载完成触发,包括图片等资源 jquery ready是在Domcontentloaded下触发,如果浏览器不支持会退化到onload 区别在于,DomContentLoaded是在dom解析完成下触发,它不要求图片已经下载完成 所以整体来说它要比onload考前一些,同时又是在dom节点可用的情况 下触发

JQuery :(窗口).resize工作,(文档).ready没有(JQuery: (window).resize works, (document).ready doesn't)

如注释中所示,document.ready!= window.onload。 Document.ready不会等待图像实际加载。 因此,它可以给出不好的结果。 当你想要等待图像完全完成时,你应该挂钩到window.onload事件(这也是需要等待图像加载的视差站点中使用的机制)。 window.onload = function () { if ($(document).width() <= 600) { $('#fcalendar').fullCalend ...

window.onload和jquery ready有什么区别

加载时间不一样,前者是页面打开的同时加载,或者是当页面加载完成之后在去加载效果,单页面小的时候,时间上看不出什么差别

Window.onload不能在加载到基本页面的页面上工作(Window.onload not working on page being loaded into base page)

尝试$( document ).ready()函数。 包含在$(document).ready()中的代码只有在页面文档对象模型(DOM)准备好执行JavaScript代码时才会运行。 包含在$(window).on(“load”,function(){...})中的代码将在整个页面(图像或iframe)(不仅仅是DOM)准备就绪后运行。 这里是文档。 https://learn.jquery.com/using-jquery-core/document-ready/ Try $( documen ...

JQuery中$(document).ready()事件与 元素的onload对比

$(document).ready(function(){})) 简写$(function(){})可以写多个 onload 只能写一个 写多个只能最后一个生效 还有一点 举个简单的例子 一个网页中的一个图片要让它隐藏 onload 是所有东西都出来再隐藏 jquery 是不要将图片下载完就隐藏了

相关文章

更多

最新问答

更多
  • Android宽度:100%修复(网站接管问题)(Android width:100% fix (website takeover issue))
  • C ++函数/方法设计的良好实践(Good practice in C++ function/method design)
  • 计算其他表中不存在的所有记录 - SQL查询(Count all records that does not exist to other table - SQL Query)
  • 为什么我要用JPA共享ID?(Why do I get shared Ids with JPA?)
  • asp.net - 如何显示来自html格式的数据行的字段(asp.net - how to display a field from data row that is in html format)
  • 我们如何使用ActiveRecord从连接表中删除行?(How can we delete rows from a join table by using ActiveRecord?)
  • ng-class搞乱了类的顺序(ng-class messing with the order of classes)
  • oracle 12g无效数字错误(oracle 12g invalid number error)
  • 更改ng-src值onclick(Change ng-src value onclick)
  • 如何在android中自动添加自定义依赖项以创建新项目?(How to add custom dependencies automatically in android for ever a new project is created?)
  • datetime函数在PHP中(datetime function in php)
  • 在javascript中获取会话数组的值(in javascript get the value of a session array)
  • 如何在UTF8中编译LaTeX?(How can I compile LaTeX in UTF8? [closed])
  • Rspec:“array.should == another_array”,但不用担心订单(Rspec: “array.should == another_array” but without concern for order)
  • Logcat错误:无法在android片段中加载视图(Logcat error: unable to load view in android fragments)
  • JavaFX的。(JavaFX. Adding items to the list in different threads is not working)
  • 从GDATA日历资源迁移到Google Calendar Resource api(Migrate from GDATA calendar resource to Google Calendar Resource api)
  • SSRS 2008 - 以零情景处理分割(SSRS 2008 - Dealing with division by zero scenarios)
  • 我如何以编程方式添加一个listView列标题的点击事件(How can I add a listView column header a click event programmatically)
  • Wxpython:无法检索有关列表控件项XXX的信息(Wxpython: Couldn't retrieve information about list control item XXX)
  • 使用Tortoise SVN在SVN存储库中移动目录(Move Directory across SVN repository using Tortoise SVN)
  • 天蓝色服务结构集群中的web api无状态服务是否在一段时间不活动后进入休眠状态?(Do web api stateless services in azure service fabric cluster go to sleep after a period of inactivity?)
  • 我可以设置intelliJ来突出显示PHP编码风格吗?(Can I set intelliJ to highlight php coding style?)
  • 用javafx创建一个Truetype字体文件(Creating a Truetype Font file with javafx)
  • Spring ftp配置错误(Spring ftp configuration is wrong)
  • 使用gsub去除多个字符(Using gsub to strip multiple characters)
  • 续订推送证书并保持当前的App Store App正常工作(Renew Push certificate and keep current App Store App working)
  • js:ES5和ES6之间关于'this'关键字用法的一个令人困惑的观点(js: one confusing point about 'this' keyword usage between ES5 and ES6)
  • window.onload vs $(document).ready()(window.onload vs $(document).ready())
  • 在Swift中,如何声明一个符合一个或多个协议的特定类型的变量?(In Swift, how can I declare a variable of a specific type that conforms to one or more protocols?)