web-interview icon indicating copy to clipboard operation
web-interview copied to clipboard

[js] 1.document load 和 document ready 的区别

Open qiilee opened this issue 6 years ago • 3 comments

答案:

页面加载完成有两种事件

1.load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行一个函数
问题:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间,所以一些效果可能受到影响

2.$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行
在原生的jS中不包括ready()这个方法,只有load方法就是onload事件

qiilee avatar Sep 29 '19 13:09 qiilee

ready()方法不是原生js的,是属于哪个的

lzw1996-2020 avatar Oct 19 '19 03:10 lzw1996-2020

ready()方法不是原生js的,是属于哪个的

好像是属于jQuery的,详情链接:https://www.jquery123.com/ready

darrenliuwei avatar Oct 30 '19 08:10 darrenliuwei

ready()方法不是原生js的,是属于哪个的

是利用原生JavaScript DOMContentLoaded API 模拟的。 DOMContentLoaded

angryheng avatar Dec 28 '20 06:12 angryheng