js基础之Window History(BOM)

Posted jessie-xian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js基础之Window History(BOM)相关的知识,希望对你有一定的参考价值。

window.history 对象包含浏览器历史。
window.history 对象可不带 window 书写。

为了保护用户的隐私,javascript 访问此对象存在限制。

一些方法:

  • history.back() - 等同于在浏览器点击后退按钮
  • history.forward() - 等同于在浏览器中点击前进按钮

    history.back() 方法加载历史列表中前一个 URL。

这等同于在浏览器中点击后退按钮。

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

<input type="button" value="Back" onclick="goBack()">

</body>
</html>
history forward() 方法加载历史列表中下一个 URL。

这等同于在浏览器中点击前进按钮。

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

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

以上是关于js基础之Window History(BOM)的主要内容,如果未能解决你的问题,请参考以下文章

JS-BOM编程之history对象

JS之BOMBOM!

javascript中的BOM结构介绍

前端基础之BOM和DOM:

JS笔记 BOM之Window对象定时器简介

JavaScript-Runoob-JS 浏览器BOM:JavaScript Window History