history 对象是 window 对象的内置属性,用于维护用户在当前浏览器会话中访问过的页面 url 记录。它提供了 back()、forward() 和 go() 三个核心导航方法。若需实现页面回退效果,直接调用 history.back() 即可跳转至上一个访问页面,其行为与浏览器原生“后退”按钮完全一致,具有良好的跨浏览器兼容性与简洁易用性。
1、 启动 HBuilderX 开发工具,双击运行后新建一个 Web 类型项目,并在项目根目录下创建名为 history.html 的静态 HTML 文件。

2、 打开 history.html 文件,在 区域引入 jQuery 框架(可通过 CDN 或本地路径),同时修改 标签中的标题文字内容。

3、 在 标签内部添加一个具备 href 属性的 超链接元素,用于页面跳转;紧接着插入一个“前进”功能按钮,并为其指定唯一的 id 属性值以便后续操作。

4、 在 jQuery 的文档就绪函数 $(function(){...}) 中,通过 $('#xxx').click(...) 为前进按钮绑定点击事件处理程序,点击时执行 history.forward() 方法,完成向前导航。

5、 新建另一个 HTML 页面,命名为 forward.html,在该页主体中添加一个“后退”按钮,并为其绑定点击事件,触发时调用 history.back() 方法,实现返回上一页面的功能。

6、 完成全部编码后保存所有文件,运行项目并点击初始页面中的链接进入 forward.html,再点击“后退”按钮即可返回原页面;同样地,“前进”按钮也可再次跳转至目标页,验证导航逻辑正常。












