📌  相关文章
📜  HTML | DOM 历史 forward() 方法(1)

📅  最后修改于: 2023-12-03 15:31:13.047000             🧑  作者: Mango

HTML | DOM 历史 forward() 方法

什么是 forward() 方法？

forward() 方法是 HTML DOM 中的一个方法，用于加载会话历史记录中的下一个 URL。它与 back() 方法相对应，用于从历史记录中加载前一个 URL。forward() 方法可以用于页面导航和用户浏览体验。

历史和背景

浏览器中的历史记录通常被称作“浏览器历史”，它们被用于记录用户访问过的 URL。浏览器通过维护一个栈结构，将用户的历史记录放入其中。在 HTML DOM 中，这个栈叫做 window.history 对象。forward() 方法作为这个对象的方法之一，于 2005 年被加入到 HTML DOM 规范中。

语法和参数

forward() 方法没有参数，使用它只需要简单地调用它。

window.history.forward();
返回值

forward() 方法没有返回值。

使用示例
<!DOCTYPE html>
<html>
<body>

<button onclick="goForward()">前进</button>

<script>
function goForward() {
  window.history.forward();
}
</script>

</body>
</html>

在这个示例中，按钮元素被创建，并在按钮上设置了 onclick 属性。当用户点击按钮时，goForward() 函数被调用，这个函数使用 forward() 方法加载用户浏览器历史记录中的下一个 URL。

总结
  • forward() 方法可以在浏览器历史记录中前进到下一个页面。
  • forward() 方法没有参数，但是必须在 window.history 对象的上下文中调用。
  • forward() 方法于 2005 年被添加到 HTML DOM 规范中。

参考文献：