JS/JQuery 文档加载完成

时间:2023-03-09 08:45:10
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(){ ... }