JS/JQuery 文档加载完成

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(){

    ...

    }

原文地址:https://www.cnblogs.com/zero-zm/p/9938975.html