本文介绍 JavaScript 中 window.history 对象的基本用法。该对象用于管理浏览器历史记录,受隐私限制访问权限。主要方法包括 back() 和 forward() 用于前进后退,go() 用于指定跳转步数及刷新页面。通过示例代码展示如何绑定按钮事件实现导航功能,并说明 history.length 获取记录条数。
JavaScript history 对象概述
在编写代码时,window.history 对象的前缀 window 可以省略。出于对用户隐私的保护,JavaScript 对该对象的访问权限施加了特定限制。
核心方法如下:
history.back() 用于加载历史记录列表中的上一个 URL,效果等同于点击浏览器的前进按钮。history.forward() 用于加载历史记录列表中的下一个 URL,效果等同于点击浏览器的前进按钮。
历史记录导航实现
具体应用实例:
参考以下代码实现:
<html>
<button name="back" value="后退" onclick="goBack()">后退</button>
<button name="forward" value="前进" onclick="goForward()">前进</button>
<script type="text/javascript">
function goBack(){
history.back();
}
function goForward(){
history.forward();
}
</script>
</html>
其他导航方法
其他相关方法:
参考以下代码:
history.go(0); // 刷新当前页面
// 以下操作需在浏览器中存在历史记录时才有效,否则无反应。
history.go(1); // 前进一页
history.go(-1); // 后退一页
history.go(-2); // 后退两页
history.length; // 获取当前窗口包含的历史记录条数