今儿个,咱来聊聊怎么用JS实现网页的后退功能。作为一个老网虫,我经常在各大网站之间来回跳转,有时候点太快,想退回去重新看,这后退功能就派上用场。
我寻思着这玩意儿应该挺简单,毕竟浏览器本身就有后退按钮嘛结果一上手,发现还真有点门道。
我先是在网上搜一圈,发现大家都说用对象。这名字听起来就挺唬人,像是掌握浏览器的历史秘密一样。里面有个方法叫back()
,据说可以直接让网页后退。我赶紧试试,果然好使!
具体咋操作?
我先在网页上整个按钮,长啥样都行,关键是要能点。然后,我给这个按钮加个“点击事件”,就是说,当我点这个按钮的时候,就执行一段JS代码。
<button onclick="goBack()">后退</button>
这段代码的意思是,点击按钮后执行goBack()。接下来就是实现goBack()这个方法。
- 第一步,咱得在网页里写上JS代码,告诉浏览器该干
<script>
function goBack() {
</script>
瞧见没,就这么简单!,一句代码就搞定后退功能。我当时还挺得意,觉得自己挺厉害。
后来我又发现history
对象里还有个go()
方法,可以指定后退几步,比如*(-1)
和效果一样,都是后退一步。我试试*(-2)
,果然一下子退两步,真神奇!
不过这里头也有个小坑。听说go(-1)
和back()
在处理表单的时候有点区别,go(-1)
可能会把表单里的内容弄丢,而back()
会保留。我没实际遇到过这种情况,但还是记在小本本上,以防万一。
用JS实现网页后退功能还是挺简单的,关键是要知道这个对象,以及它里面的back()
和go()
方法。掌握这几招,以后在网页上“倒车”就不用愁!
免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。