history对象中可以实现网页后退效果的方法

来源：互联网 2023-03-17 00:02:06 版权归原作者所有，如有侵权，请联系我们

history对象是包含用户访问网页的URL，也是window对象的部分。其中，history对象包含了三个方法back()、forward()和go()。那么，如何使用history对象实现网页后退效果呢？

工具/原料

双击打开HBuilderX工具，创建Web项目并新建静态页面history.html

history对象中可以实现网页后退效果的方法

打开新建的history.html文件，引入jquery核心文件并修改title标签内容

history对象中可以实现网页后退效果的方法

2该信息未经许可获取自百度经验

在body>/body>标签中，插入一个超链接a标签，并设置href属性；然后添加前进按钮，设置id属性值

history对象中可以实现网页后退效果的方法

在jquery初始化函数中，添加前进按钮点击事件，调用history.forward()方法

history对象中可以实现网页后退效果的方法

接着创建一个新建页面forward.html文件，主体元素中插入后退按钮；然后添加按钮点击事件，调用history.back()方法

history对象中可以实现网页后退效果的方法

保存代码并运行文件，点击网页超链接；跳转到另一个页面，然后点击后退按钮，发现回退到网页和前进按钮页面

history对象中可以实现网页后退效果的方法

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！