jquery页面加载执行的方式有哪些

jQuery 提供了多种方式来控制页面加载时执行的代码。

1. $(document).ready(function(){})：页面 DOM 结构加载完成后执行，相当于 DOMContentLoaded 事件。在这个事件中执行的代码可以访问和操作 DOM 元素。

$(document).ready(function(){
// 执行代码
});

2. $(window).on('load', function(){})：页面所有资源（包括图片和脚本）加载完成后执行，相当于 load 事件。在这个事件中执行的代码可以访问和操作 DOM 元素以及其他资源。

$(window).on('load', function(){
// 执行代码
});

3. $(function(){})：简化版的 $(document).ready(function(){})，用于简单的代码片段。在这个事件中执行的代码可以访问和操作 DOM 元素。

$(function(){
// 执行代码
});

4. defer 属性：可以将
   5. async 属性：可以将

      需要注意的是，以上方式可以同时使用，但是建议使用其中一种方式来统一管理页面加载时执行的代码，以提高代码的可读性和维护性。