当前位置: 首页 > 面试题库 >

$(window).load和$(document).ready有什么区别?

唐修明
2023-03-14
问题内容

我最近遇到了我的JavaScript代码问题,并从我的代码中取出了一部分代码$(document).ready(),并将其放在$(window).load()解决该问题的位置。

现在我明白了window.load刚刚解雇后document.ready,但它为什么没有准备好后document.ready,即后window.load()


问题答案:

load当所有资产(包括图像)加载完成时,会调用。ready当DOM准备进行交互时会触发。

在MDC中, window.onload

加载事件在文档加载过程结束时触发。此时,文档中的所有对象都在DOM中,并且所有图像和子帧均已完成加载。

从jQuery API文档 .ready(handler

尽管JavaScript提供了呈现页面时执行代码的load事件,但是只有在完全接收到所有资产(例如图像)之后,才会触发此事件。在大多数情况下,可以在完全构建DOM层次结构后立即运行脚本。确保传递给.ready()的处理程序将在DOM准备就绪后执行,因此通常这是附加所有其他事件处理程序并运行其他jQuery代码的最佳位置。使用依赖CSS样式属性值的脚本时,在引用脚本之前,请先引用外部样式表或嵌入样式元素,这一点很重要。



 类似资料:
  • 本文向大家介绍document的load 和ready有什么区别?相关面试题,主要包含被问及document的load 和ready有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 并没有 的写法。 只有如下的写法: 分别是dom加载完成, 和 页面资源加载完成(当阻塞资源与非阻塞资源全部加载完才会触发) 显然 window.onload 是比较 要晚触发的。

  • 本文向大家介绍jQuery中document与window以及load与ready 区别详解,包括了jQuery中document与window以及load与ready 区别详解的使用技巧和注意事项,需要的朋友参考一下 用过JavaScript的童鞋,应该知道window对象和document对象,也应该听说过load事件和ready事件,小菜当然也知道,而且自认为很了解,直到最近出了问题,才知道

  • 本文向大家介绍window对象和document对象有什么区别?相关面试题,主要包含被问及window对象和document对象有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 document对象是window对象的一部分 document是用来操作dom元素的 window对象当你打开浏览器时就被创建,这个浏览器的所有东西都是window对象属性

  • 问题内容: 我猜想使用这种模式是新的热点,但是我不了解优点是什么,也不了解范围界定的含义。 模式: 所以我对此有几个问题。 封装这样的对象有特别的优势吗? 为什么要输入 窗口 和 文档 而不是正常访问? 到底为什么要传入? 将我们正在创建的对象直接附加到窗口是否是一个特别好的主意? 我习惯了我所说的Crockford风格的Java封装(因为我从Douglas Crockford Javascrip

  • 本文向大家介绍浅谈$(document)和$(window)的区别,包括了浅谈$(document)和$(window)的区别的使用技巧和注意事项,需要的朋友参考一下 首先 $(document)这个是获取文档对象 $(window)这个是获取窗口对象,也就是浏览器客户区 给大家举个例子就非常直接明了了 注意,让网页有滚动条 然后输出一下这两个值得大小,你就知道什么区别了 以上所述就是本文的全部内

  • 本文向大家介绍jquery $(document).ready()和window.onload的区别浅析,包括了jquery $(document).ready()和window.onload的区别浅析的使用技巧和注意事项,需要的朋友参考一下 Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload