浏览历史管理history的使用方法
时间:2017-6-7
history(历史)对象浏览器的浏览历史,使用window.history可以返回一个history对象(也可以直接使用history调用方法和属性,因为window可以省略).鉴于安全性的需要,这个对象的使用受到很多限制,现在只剩下下列属性和方法.
1.属性length表示历史的项数,Javascript所能管到的历史被限制在用浏览器的"前进","后退"按钮可以前往的范围,本属性返回的值是"前进"和"后退"两个按钮之下包含的地址数的总和.
2.方法back()表示后退,这与单击"后退"按钮是等效的,它的语法格式如下:
history.back([num])
参数num是一个整数,表示后退的地址步数,这个参数是可选的,如果省略参数,表示向后退倒一步.
3.方法forward()表示前进,与单击"前进"按钮是等效的,这个方法没有参数,语法格式如下;
history.forward()
4.方法go()则可以跳转到待定的一个地址,语法格式如下:
history.go([location])
参数location可以是一个整数,也可以是一个URL字符串,如果是一个整数,表示是相对于当前浏览的前进或后退的步数,如果是一个字符串,则表示历史列表中的某个URL.
5.也可以使用代码添加和替换历史项.pushState()方法添加新的浏览历史项,replaceState()方法更新当前浏览历史项,这两个方法的语法格式如下;
window.history.pushState(data,title[,url])
window.history.replaceState(data,title[,url])
参数data定义历史记录的数据;参数title定义历史记录标题,参数url可选,定义历史记录的url地址.