新建一个html文件， 定名为test.html， 用于讲解js中网页进步和撤退退却的代码 。
文章插图
2在test.html页面中， 利用a标签建立一个链接， 链接指标的目的test2.html页面 。
文章插图
3在test.html页面中， 利用button建立两个按钮， 一个是进步的按钮， 另一个是撤退退却的按钮 。
文章插图
4在test.html页面， 给进步按钮绑定onclick点击事务， 当按钮被点击时， 挪用go()函数， 利用history.forward()代码实现进步至汗青列表中的前一个页面 。
文章插图
5在test.html页面， 给撤退退却按钮绑定onclick点击事务， 当按钮被点击时， 挪用back()函数， 利用history.go(-1)代码实现撤退退却至汗青列表中的上一个页面 。
文章插图
6复制test.html， 再建立一个test2.html页面， 在test2.html页面中， a标签链接指标的目的test.html 。
文章插图
7【js中网页前进和后退的代码】在浏览器打开test.html页面， 点击"跳转至第二个页面"链接， 在打开的页面点击撤退退却按钮， 页面将返回至test.html页面 。
文章插图
文章插图
文章插图
8在上一步操作后， 再点击“进步”按钮， 页面将进步至test2.html页面 。
文章插图
文章插图
以上内容就是js中网页前进和后退的代码的内容啦， 希望对你有所帮助哦！
推荐阅读
- Word2016中如何统一调整图片尺寸大小与居中对齐
- php如何把多个链接中的文件名和路径取出来
- 楼对阁户对窗巨海对长江——《声律启蒙》中的道
- 家中绝对不敢有！破财不怕，性命堪忧
- 玄空风水中的城门，以及城门的补救措施
- 龙虾吃什么食物长大
- 六大茶类中的茶礼
- 下午茶可以增强记忆力
- 貔貅的戴法 如何正确佩戴貔貅
- 凉性茶、中性茶、温性茶