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);

 

转载于:https://www.cnblogs.com/zhuzhenwei918/p/6839030.html