首页 > 分享 > js实现浏览器中的前进、后退按钮

js实现浏览器中的前进、后退按钮

最新推荐文章于 2024-08-04 22:24:20 发布

若年封尘 于 2019-10-15 14:26:12 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

JavaScript中window.history 对象包含浏览器历史,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> 123456789101112

history forward() 方法

加载历史列表中下一个 URL,这等同于在浏览器中点击前进按钮。

在页面中创建前进按钮

<html> <head> <script> function goForward() { window.history.forward() } </script> </head> <body> <input type="button" value="Forward" onclick="goForward()"> </body> </html> 123456789101112

相关知识

利用js实现 禁用浏览器后退
如何使用JavaScript处理浏览器的后退和前进按钮
CSS 实现“前进/后退”按钮的功能
浏览器前进与后退的秘密——栈 (栈的理解与实现)
监控浏览器的前进后退
JS移动端浏览器取消右划后退的几种方法
【转】浏览器“后退”、“前进”或可以这么去监听
vue项目使用js监听浏览器关闭、刷新、后退事件
JS 页面前进、页面后退、页面跳转的方法
如何在幻灯片中加入前进后退按钮

网址: js实现浏览器中的前进、后退按钮 https://m.mcbbbk.com/newsview448182.html

所属分类:萌宠日常
上一篇: 硬件篇:教你做STM32蓝牙+循
下一篇: 【IDEA】设置IDEA 前进