JS基础-页面Load

$(function(){})()或者$(document).ready(function(){}) VS window.onload

$(function(){})()或者$(document).ready(function(){})

• 可以在同一页面中使用多次,多次都生效(所以在使用JQ完成代码的时候,我们一般都会把代码写在回调函数中: 首先不仅等到DOM加载完成执行,而且还形成了一个闭包)

1. JQ提供的方法,JQ基于DOMContentLoaded这个事件完成这个操作的

2. JQ中的事件绑定都是基于DOM2事件绑定完成的

s但是DOMContentLoaded在IE6~8下使用attchEvent也不支持的,JQ在IE6~8下使用attachEvent也是不支持的,JQ在IE6~8中使用的是readystatechange这个事件处理的

window.onload

• window.onload本身就是资源都加载完成才会执行,使用的是DOM零级事件绑定,在同一页面中只能绑定一次(绑定多个也是以最后一个为主);

• 如果想在一个页面中使用多次,应该基于DOM2事件绑定

  function (){}
  标准
  window.addEventListener=("load",fn,false)
  IE6~8
  window.attachEvent=("onload",fn)
  

原文:大专栏  JS基础-页面Load

原文地址：https://www.cnblogs.com/chinatrump/p/11589065.html