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

执行环境

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行;

$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。

可重复性

window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个;

$(document).ready()可以同时编写多个,并且都可以得到执行。

其他

window.onload没有简化写法;

$(document).ready(function(){})可以简写成$(function(){})。

标签: jquery

移动端可扫我直达哦~

推荐阅读

thumbnail 2025-03-25

关于jquery获取页面宽度的width()函数

想在页面变动的时候动态添加一些元素,以动态填充页面调整后容器尾部出现的空缺。但是利用jquery完成逻辑之后,发现与实际页面宽度有点儿对不上,明明要求在宽度小于992px时才执行的元素,宽度为1006px的时候已经开始执行了,这就导致...

建站相关 jquery

thumbnail 2023-12-21

为当前页面生成一个二维码以便于移动端访问

想要在手机上上访问pc端的一个页面,现在很常见的做法是提供一个二维码,让用户通过手机扫码软件识别后用浏览器打开,这样就实现了页面地址数据的传输。某天做完一个页面后,想在手机上看看效果,一边手动输入页面地址,一边就萌生了为站点添加一个二...

建站相关 jquery

thumbnail 2023-06-09

Jquery幻灯插件Slidesjs图片宽高异常与引用文件顺序

遇到一个困扰多日的问题,在页面中生成了一个幻灯片组件,正常载入的时候是挺正常的,但是偶尔多刷新几次,图片的宽高会出现异常,离谱的是幻灯容器的宽度正常,图片大幅度溢出,而按钮位置无误。以上的bug描述对解决问题毫无帮助,幻灯容器的宽高是...

建站相关 jquery

thumbnail 2023-05-10

Jquery实现wordpress菜单的鼠标跟随效果

看别人家的博客,菜单栏下有一条装饰线,会根据鼠标悬停的位置来回滑动,且根据滑动距离长短,有明显的速度变化。一直心向往之,正好在学习wordpress的wp_nav_menu函数,顺便尝试一下实现这个效果。看过张戈博客主题的元素,似乎是...

建站相关 jquery

thumbnail 2023-05-05

Jquery实现wordpress彩色标签云

想在wordpress中实现一组彩色的标签,网上相关的实现教程很多,这里就不赘述了。之所以考虑用Jquery来实现,是基于服务器性能的考虑。因为博主的服务器是2h1g的低配版本,这个配置相对于访问用户的主机配置,无论是移动端还是电脑端...

建站相关 jquery