js后退按钮怎么写?复制粘贴这段代码就行!

吉云

今儿个,咱来聊聊怎么用JS实现网页的后退功能。作为一个老网虫,我经常在各大网站之间来回跳转,有时候点太快,想退回去重新看,这后退功能就派上用场。

我寻思着这玩意儿应该挺简单,毕竟浏览器本身就有后退按钮嘛结果一上手,发现还真有点门道。

我先是在网上搜一圈,发现大家都说用对象。这名字听起来就挺唬人,像是掌握浏览器的历史秘密一样。里面有个方法叫back(),据说可以直接让网页后退。我赶紧试试,果然好使!

js后退按钮怎么写?复制粘贴这段代码就行!

具体咋操作?

我先在网页上整个按钮,长啥样都行,关键是要能点。然后,我给这个按钮加个“点击事件”,就是说,当我点这个按钮的时候,就执行一段JS代码。


<button onclick="goBack()">后退</button>

js后退按钮怎么写?复制粘贴这段代码就行!

这段代码的意思是,点击按钮后执行goBack()。接下来就是实现goBack()这个方法。

  • 第一步,咱得在网页里写上JS代码,告诉浏览器该干

js后退按钮怎么写?复制粘贴这段代码就行!

<script>

function goBack() {

</script>

js后退按钮怎么写?复制粘贴这段代码就行!

瞧见没,就这么简单!,一句代码就搞定后退功能。我当时还挺得意,觉得自己挺厉害。

后来我又发现history对象里还有个go()方法,可以指定后退几步,比如*(-1)和效果一样,都是后退一步。我试试*(-2),果然一下子退两步,真神奇!

不过这里头也有个小坑。听说go(-1)back()在处理表单的时候有点区别,go(-1)可能会把表单里的内容弄丢,而back()会保留。我没实际遇到过这种情况,但还是记在小本本上,以防万一。

用JS实现网页后退功能还是挺简单的,关键是要知道这个对象,以及它里面的back()go()方法。掌握这几招,以后在网页上“倒车”就不用愁!

js后退按钮怎么写?复制粘贴这段代码就行!

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。

目录[+]