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 后再次显示页面很可能会导致页面不正常。

posted @ 2014-04-26 10:11  未来动力  阅读(1841)  评论(0)  编辑  收藏  举报