JavaScript中History的back和forward怎么使用

发布时间:2022-02-25 17:22:20 作者:iii
来源:亿速云 阅读:200

本篇内容介绍了“JavaScript中History的back和forward怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

window.history 对象包含浏览器历史。

Window History

window.history 对象可不带 window 书写。

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

一些方法:

history.back() - 等同于在浏览器点击后退按钮

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

Window History Back

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

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

实例

在页面中创建后退按钮:

<html>

<head>

<script>

function goBack() {

    window.history.back()

 }

</script>

</head>

<body>

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

</body>

</html>

以上代码的输出将是(请点击此按钮):

Window History Forward

history forward() 方法加载历史列表中下一个 URL。

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

实例

在页面中创建前进按钮:

<html>

<head>

<script>

function goForward() {

    window.history.forward()

 }

</script>

</head>

<body>

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

</body>

</html>

以上代码的输出将是:Forward

“JavaScript中History的back和forward怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

推荐阅读:
  1. linux中history命令的介绍和使用
  2. 什么是forward

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript history back

上一篇:JavaScript调试的方法

下一篇:JavaScript Hoisting实例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》