BOM之history对象(转)

前面的话

　　history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。由于安全方面的考虑，开发人员无法得到用户浏览器的URL，但借由用户访问过的页面列表，可以在不知道实际URL的情况下实现后退和前进。本文将详细介绍BOM中的history对象

length

　　history.length属性保存着历史记录的URL数量。初始时，该值为1。如果当前窗口先后访问了三个网址，history.length属性等于3

　　由于IE10+浏览器在初始时返回2，存在兼容性问题，所以该值并不常用

history.length // 初始时，该值为1history.length // 访问三个网址后，该值为3

　　go()方法无参数时，相当于history.go(0)，可以刷新当前页面

//刷新当前页面history.go();//刷新当前页面history.go(0);

【state】

　　history.state属性返回当前页面的state对象

history.pushState({page: 1}, 'title 1', '?page=1');history.state// { page: 1 }

　　[注意]上面的例子使用了私有作用域，以防止变量showCount进入全局作用域。如果单击了浏览器的“刷新”按钮，那么showCount的值就会被重置为0，因为页面已经完全重新加载了

【pagehide】

　　与pageshow事件对应的是pagehide事件，该事件会在浏览器卸载页面的时候触发，而且是在unload事件之前触发。与pageshow事件一样，pagehide在document上面触发，但其事件处理程序必须要添加到window对象

　　[注意]指定了onunload事件处理程序的页面会被自动排除在bfcache之外，即使事件处理程序是空的。原因在于，onunload最常用于撤销在onload中所执行的操作，而跳过onload后再次显示页面很可能就会导致页面不正常

　　pagehide事件的event对象也包含persisted属性，不过其用途稍有不同。如果页面是从bfcache中加载的，那么persisted的值就是true；如果页面在卸载之后会被保存在bfcache中，那么persisted的值也会被设置为true。因此，当第一次触发pageshow时，persisted的值一定是false，而在第一次触发pagehide时，persisted就会变成true(除非页面不会被保存在bfcache中)    

window.onpagehide = function(e){  e = e || event;  console.log(e.persisted);} 
         
        
        
原标题：BOM之history对象(转)
        
关键词：