页面上加后退键
Posted 算法与编程之美
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面上加后退键相关的知识,希望对你有一定的参考价值。
本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。
问题
我在制作页面的时候不会考虑到页面与页面之间如何通过点击某一处进行后退,因此制作出来的就是单单的页面,当需要点击后退时还需要点击非制作页面的其他地方。如何在页面上加后退键?
方法
关于页面上加后退键的解决方法,我用到了一个a标签解决,a标签中包含一个href和class样式,href是跳转属性,class是具体内容(切记class样式不能以数字开头),这个a标签应该放在头部位置,当我按照这样实现后确实能完成,代码如代码清单1。
实验结果是可行的,代码实现就是加了一个后退键,当我们打开很多APP都可以看到有许多界面都有后退键,符号大概样子就和小于符号差不多(<),a标签里面出现的nav是导航条的意思,left就是把他填充在左边。后退键是在一个页面的顶部,所以定义的a标签位置不能放错了。
代码清单 1
<a href="new_file.html" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> |
结语
针对页面上加后退键的问题,提出的方法是能实现的,对于此问题目前我只想到了一种方法,可能此方法还有不完善之处,后期我会继续研究此问题。
实习编辑:衡辉
稿件来源:深度学习与文旅应用实验室(DLETA)
以上是关于页面上加后退键的主要内容,如果未能解决你的问题,请参考以下文章
监听浏览器返回键后退上一页事件(popstate)操作返回键
用iframe后 点后退按钮时总是在潜套框里后退,如何让整个父页面整体后退呢?