页面初始化方法比较

字数 278阅读 47

我们有时候需要在页面初始化的时候做一些事情,那么你就得了解清楚他们的不同,不然可能会出现和你预期不一样的效果。下面对3个页面初始化的方法进行比较:window.onload$(document).ready(function(){})$(window).load(function(){})

  • window.onload :js原生的方法。等到页面内包括图片的所有元素加载完毕后执行。(包括样式,js,图片,文件等等加载完)(可写多个,都会执行)。
  • $(document).ready(function(){}) :jquery方法,$(function(){})是它的一种简写方式。DOM结构绘制完毕后就执行,不必等到加载完毕。(即DOM结构绘制完毕就开始执行了,哪怕样式,js,大图等等还没加载完也不影响)(可写多个,都会执行
  • $(window).load(function(){}) :jquery方法。和 window.onload一样,不一样的是:写多个,只有最后那个才会执行。另外,jquery3.0开始已经废弃该方法了。

推荐阅读更多精彩内容

  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
  • 题目1: jQuery 中, $(document).ready()是什么意思? 定义和用法: 当 DOM(文档对...