zoukankan      html  css  js  c++  java
  • HTML5事件-pageshow 和 pagehide

     1 <!doctype html>
     2 <html>
     3    <head>
     4    <title>html5事件</title>
     5    <meta charset=uft-8>
     6    <script">
     7          //省略部分代码
     8    </script>
     9    </head>
    10      <body>
    11          <a href="http://www.baidu.com">baidu</a>
    12          <script>
    13              (function(){                      
    14                 var showCount = 0;                
    15                 EventUtil.addHandler(window, "load", function(event){
    16                      alert("Load 触发");
    17                 });
    18                 
    19                 EventUtil.addHandler(window, "pageshow", function(event){
    20                              showCount++;
    21                              alert("pageshow 触发 " + showCount + " times");
    22                     });
    23              
    24                  }
    25              )();
    26          </script>
    27      </body>
    28 </html>

        通过测试发现,FireFox 和 Safari5+ 均能将页面保存在内存中,IE,Chrome, Oprea 也可以触发pageshow事件,但没有将页面保存在内存中。

    此外还要注意,指定了onunload 事件处理程序的页面会被自动排除在bfcache(浏览器特性)之外,即使处理程序是空的,原因在于,onunload 最常用于撤销 onload中所执行的

    操作,而跳过 onload 后再次显示页面很可能会导致页面不正常。

  • 相关阅读:
    bootstrap
    jQuery快速入门
    前端jQuery
    前端BOM和DOM
    前端js
    前端css
    前端知识之HTML内容
    线程池
    线程
    LightOJ
  • 原文地址:https://www.cnblogs.com/yiliweichinasoft/p/3690900.html
Copyright © 2011-2022 走看看