页面加载事件

  1. window.onload = function () {};
  2. window.addEventListener("load", function () {});

等待页面文档流加载完成后执行

窗口加载事件

  1. document.addEventListener("DOMContentLoaded", function () {});

仅当 DOM 加载完成，不包括样式表，图片，flash 等IE 9+

调整窗口大小事件

  1. window.onresize = function () {};
  2. window.addEventListener("resize", function () {});

浏览器窗口大小发生变化时调用

窗口宽高

  1. window.innerWidth; // 宽度
  2. window.innerHeight; // 高度