window对象的事件：onresize、onpageshow、onload

onresize事件非常容易理解： 即当窗口或者框架的大小发生变化时，就会触发此事件。

实例demo

 

 

onpageshow事件是当用户浏览网页时触发的。

onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。

为了查看页面是直接从服务器上载入还是从缓存中读取，你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture，否则返回 false 。

文档说明

 

win.addEventListener('pageshow', function (e) {
  if (e.persisted) {
    clearTimeout(h);
    h = setTimeout(setUnitA, 300);
  }
}, false);