onload、DOMContentLoaded、$(document).ready(fn)、$(document).load(fn)

特性onloadDOMContentLoaded$(document).ready(fn)$(document).load(fn)
执行时机页面全部加载完才会执行DOM结构加载完毕就能执行DOM结构加载完毕就能执行页面全部加载完才会执行
简写无无$(fn)
或
$().ready(fn)无
执行次数可以使用addEventListener定义多个函数可以使用addEventListener定义多个函数直接多次调用直接多次调用

特性	`onload`	`DOMContentLoaded`	`$(document).ready(fn)`	`$(document).load(fn)`
执行时机	页面全部加载完才会执行	`DOM`结构加载完毕就能执行	`DOM`结构加载完毕就能执行	页面全部加载完才会执行
简写	无	无	`$(fn)` 或 `$().ready(fn)`	无
执行次数	可以使用`addEventListener`定义多个函数	可以使用`addEventListener`定义多个函数	直接多次调用	直接多次调用

原文链接：https://blog.csdn.net/weixin_42561383/article/details/102084956