资讯专栏INFORMATION COLUMN

前端笔试小结之$(document).ready() vs window.onload()

MASAILA / 336人阅读

摘要:之前项目中总是使用,由于在方法内注册的事件,只要就绪就会被执行,因此可能此时元素的关联文件未下载完,则设置的属性可能无效。结果笔试那天自己还记反写错了。通常可以简写为,等价于

Q: $(document).ready(){} vs window.onload()

之前项目中总是使用$(document).ready(),由于在$(document).ready()方法内注册的事件,只要DOM就绪就会被执行,因此可能此时元素的关联文件未下载完,则设置的属性可能无效。
结果笔试那天自己还记反写错了。还是因为自己没有理解。

$(document).ready()是在DOM树构建好后就执行,
window.onload()则是等待页面所有元素都加载完成后才执行。

$(document).ready()可以有多个,每次调用$(document).ready()方法都会在现有的行为上追加新的行为,这些行为函数会根据注册的顺序依次执行,
window.onload()只能执行一个,后面的函数会覆盖前面的函数。

$(document).ready(function(){})通常可以简写为$(function(){}),
$(window).load(function(){})等价于window.onload()

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79257.html

相关文章

  • 前端Tank技能---页面load事件分析

    摘要:事件详细研究边界事件外链样式在某些浏览器下面会影响脚本的加载。事件和事件是同时的。这就是要监听页面的事件,当事件为时就可以开始做的事情了。 页面加载状态 $(document).ready() $(function(){}) 这两个是我们在页面初始化时经常使用的监听方案,那么他的实际的执行关系时什么样的呢?在原生js中是什么样的一种表现? 以下我会一而再再而三的写DOMConten...

    silencezwm 评论0 收藏0
  • 前端Tank技能---页面load事件分析

    摘要:事件详细研究边界事件外链样式在某些浏览器下面会影响脚本的加载。事件和事件是同时的。这就是要监听页面的事件,当事件为时就可以开始做的事情了。 页面加载状态 $(document).ready() $(function(){}) 这两个是我们在页面初始化时经常使用的监听方案,那么他的实际的执行关系时什么样的呢?在原生js中是什么样的一种表现? 以下我会一而再再而三的写DOMConten...

    lpjustdoit 评论0 收藏0
  • 常见js笔试面试题(持续更新)

    摘要:相当于绕过了浏览器端,自然就不存在跨域问题。三者的区别与服务器的交互数据始终在同源的请求中携带即使不需要,即在浏览器和服务器间来回传递。而和不会自动把数据发给服务器,仅在本地保存。和虽然也有存储大小的限制,但比大得多,可以达到或更大。 本文提供最简便的解答方式,方便快速记忆,复盘,详细答案可自己再搜一下。 js基础知识 1. javascript typeof返会的数据类型有哪些 ob...

    yuxue 评论0 收藏0
  • 前端知识普及页面加载

    摘要:如果你的文件涉及操作,可以直接在里面添加回调函数,或者说基本上我们的文件都可以写在里面进行调用其实,这和我们将文件放在底部,在上面加以及异步加载文件的效果是一样一样的。 如果大家想继续看下面的内容的话,有一个要求,就是回答我一个问题:你这样写过代码吗? window.onload = function(){ $(.gravatar).on(click,function(){ ...

    tianyu 评论0 收藏0
  • onload事件与ready的区别

    摘要:好久没写文章了,再来一波,首先上图参考链接与的区别详见浏览器工作原理浏览器工作原理前言页面加载完成有两种事件一是,表示文档结构结构已经加载完成不包含图片等非文字媒体文件,二是,指示页面包含图片等文件在内的所有元素都加载完成。 好久没写文章了,再来一波,首先上图: showImg(https://segmentfault.com/img/bVLD32?w=1105&h=244); 参考...

    mating 评论0 收藏0

发表评论

0条评论

MASAILA

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<