天天育儿网,内容丰富有趣,生活中的好帮手!
天天育儿网 > $(function(){}) $(document).ready(function(){})....../ ready和onload的区别

$(function(){}) $(document).ready(function(){})....../ ready和onload的区别

时间:2020-03-14 22:18:25

相关推荐

$(function(){}) $(document).ready(function(){})....../ ready和onload的区别

1、window.onload

当一个文档完全下载到浏览器中时,会触发 window.onload 事件。

这意味着页面上的全部元素对 javascript 而言都是可以访问的,这种情况对编写功能性的代码非常有利,因为无需考虑加载的次序。

2、$(document).ready()和$()用法一样

$(document).ready()、$()

通过 $(document).ready()、$() 注册的事件处理程序,则会在 DOM 完全就绪并可以使用时调用。

虽然这也意味着所有元素对脚本而言都是可以访问的,但是,却不意味着所有关联的文件都已经下载完毕。换句话说,当 HTML 下载完成并解析为 DOM 树之后,代码就可以运行。

3、如果不加$(),直接放在<script></script>中,可能导致文档没有加载完毕就执行了代码,导致代码执行不正确。

ready 事件的触发,表示文档结构已经加载完成(不包含图片等非文字媒体文件)。

onload 事件的触发,表示页面包含图片等文件在内的所有元素都加载完成。

如果觉得《$(function(){}) $(document).ready(function(){})....../ ready和onload的区别》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。