JS/JQuery 文档加载完成

Posted 2021-01-18 Zero_追梦

1. $(function(){...});

• 文档树加载完执行的方法；（注意：不包括图片、css、js等文件）；

• 一个页面中可以有多个$(function(){...}); 方法；

• 两种写法：

     //第一种
    $(document).ready(function(){
        ...
    })

     //第二种（第一种的简写）
    $(function(){
      ...
    });

2. $(window).onload(function(){...});

• 文档树及其所有文件加载完之后执行的方法（所有文件加载完，eg：图片、js、css、font等文件）;
• 一个页面中有且只能有一个此方法；
• 两种写法：

  //第一种：（JQuery写法）
  $(window).onload(function(){

    ...

  });

  //第二种：（JS写法）
  window.onload = function(){

    ...

    }