肉渣教程

JS History

上一节 下一节


window.history

用过浏览器都知道,浏览器是有历史记录的,一般都可以点击按钮,向后退一个页面,或者向前进一个页面。而JavaScript中的window.history对象也提供了两种方法来分别达到此效果:

  • window.history.back() - 与点击页面后退按钮同效(运行一下
  • window.history.forward() - 与点击页面前进按钮同效(运行一下

这两种方法在专否沙盒中未必能成功测试,因为沙盒中的页面的前后可能不存在其他页面,因此,方法调用成功,未必就一定会看到页面重定向。建议使用本页首部按钮进行测试。


window.history.back() - 页面后退

window.history.back()方法与点击页面后退按钮同效。

<html>
<head>
<script>
function go_back() {
  window.history.back();
}
</script>
</head>
<body>

<input type="button" value="页面后退" onclick="go_back();">

</body>
</html>

运行一下

window.history.forward() - 页面前进

window.history.forward()方法与点击页面前进按钮同效。

<html>
<head>
<script>
function go_forward() {
  window.history.forward();
}
</script>
</head>
<body>

<input type="button" value="页面前进" onclick="go_forward();">

</body> </html>

运行一下


JS History

上一节 下一节