当前位置: 首页 > 编程笔记 >

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

池兴邦
2023-03-14
本文向大家介绍jquery $(document).ready()和window.onload的区别浅析,包括了jquery $(document).ready()和window.onload的区别浅析的使用技巧和注意事项,需要的朋友参考一下

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。

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

在我以前的开发中,一般用到javascript,我都是采用jquery的模式,也就是大多数时候,第一行写的是:


$(document).ready(function(){

…

});

这个时候,不一定要等所有的js和图片加载完毕,就可以执行一些方法,不过有些时候,必须要等所有的

元素都加载完毕,才可以执行一些方法的时候,比如说,部分图片或者什么其他方面还没有加载好,这个时候,点击某些按钮,会导致出现意外的情况,这个时候,就

需要用到:


$(window).load(function() {

…

});

总结对比:

 类似资料:
  • 问题内容: JavaScript和jQuery方法之间有什么区别? 问题答案: 该事件发生在HTML文档已加载之后,而事件随后发生,即所有内容(例如图像)也已加载。 该事件是DOM中的标准事件,而该事件特定于jQuery。该事件的目的是应在文档加载后尽早发生,从而使向页面中的元素添加功能的代码不必等待所有内容加载。

  • 问题内容: 我正在使用jQuery在UpdatePanel中的元素上附加一些鼠标悬停效果。事件绑定在中。例如: 当然,这在第一次加载页面时效果很好,但是当UpdatePanel执行部分页面更新时,它不会运行,并且鼠标悬停效果在UpdatePanel内部不再起作用。 不仅在首页加载时,而且在每次UpdatePanel触发部分页面更新时,建议在jQuery中进行接线的推荐方法是什么?我应该使用ASP.

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

  • 问题内容: 我最近遇到了我的JavaScript代码问题,并从我的代码中取出了一部分代码,并将其放在解决该问题的位置。 现在我明白了刚刚解雇后,但它为什么没有准备好后,即后? 问题答案: 当所有资产(包括图像)加载完成时,会调用。当DOM准备进行交互时会触发。 在MDC中, window.onload : 加载事件在文档加载过程结束时触发。此时,文档中的所有对象都在DOM中,并且所有图像和子帧均已

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

  • 问题内容: 题: 如果我链接两个都带有函数的JavaScript文件,会发生什么情况?一个会覆盖另一个吗?还是两者都被叫? 例如, jquery1.js: jquery2.js: 我相信最好的方法是将两个调用简单地合并为一个,但是在我的情况下这不太可能。 问题答案: 所有人都会被执行, 并且在首次调用的基础上运行!! 演示如您所见,它们不会互相替换 我还要提一件事 代替这个 您可以使用此快捷方式