window.history对象包含浏览器的历史。
window.history对象在编写时可不使用window这个前缀。
为了保护用户隐私,对JavaScript访问该对象的方法做出了限制。
一些方法:
- history.back()- 与在浏览器点击后退按钮相同
- history.forward()- 与在浏览器中点击向前按钮相同
window history.back()
history.back()方法加载历史列表中的前一个URL。
这与在浏览器中点击后退按钮是相同的:
示例
在页面上创建后退按钮:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="返回上一页" onclick="goBack()"> <script type="text/javascript"> function goBack() { window.history.back() } </script> </body> </html>
以上代码输出为:
Window history.forward()
history forward()方法加载历史列表的下一个URL。
这与在浏览器中点击前进按钮是相同的:
示例
在页面上创建一个向前的按钮:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button" value="跳到下一页" onclick="goBack()"> <script type="text/javascript"> function goBack() { window.history.forward(); } </script> </body> </html>
以上代码输出为:
history.go() 这个方法来实现刷新的功能。
<script type="text/javascript">
function goBack() {
history.go(0); //go()里面的参数为0,表示刷新页面
}
</script>