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

[jQuery] jquery的ready方法的原理是什么?

Open haizhilin2013 opened this issue 5 years ago • 1 comments

jquery的ready方法的原理是什么?

我也要出题

haizhilin2013 avatar Feb 10 '20 04:02 haizhilin2013

✂【回答】

  • ready 方法是在 DOM 的结构加载完后就触发
  • 基于标准浏览器时,会在加载完 DOM 结构后触发 “DOMContentLoaded” 事件,jQuery 内部就用此事件作为 ready 的触发源。
  • 基于 IE 浏览器时,用 “document.documentElement.doScroll("left")” 的方法去滚动页面,如果没加载完就等个 50 毫秒后继续滚,直到不能滚动后就触发 ready。
  • 如果页面中有 frame 的场合,会使用 window.onload 事件作为 ready 的触发源。

🖊【便签】

// document ready
$(document).ready(function(){
  ...code...
})
// document ready 简写
$(function(){
  ...code...
})

♡【关注】 https://blog.csdn.net/Hewes

Hub-ShengQing avatar Aug 01 '22 08:08 Hub-ShengQing