以下是我关于页面前进,页面后退,页面跳转的学习笔记,对于js初学者会比较有用。
页面前进,页面后退,本质上也是页面跳转。这是一个宽泛的概念,看个人怎么理解了。不过不管是页面的前进,后退,还是跳转到另一个页面,这都属于在浏览器里进行的操作。
关于浏览器的所有操作都是BOM
1.页面前进:
以下有两种方法
<a href="javascript:history.go(1)"> 前进</a> <a href="javascript:history.forward()">前进</a>
值得一提的是go()括号里的参数,1表示前进,-1表示反方向前进,也就是后退,正负表示方向。
2.页面后退:
以下有两种方法
<a href="javascript:history.go(-1)">后退</a> <a href="javascript:history.back()">后退</a>
3.页面跳转:
打开新的页面进行跳转:
window.open('页面链接')
在原页面进行跳转(这种方法前面window可加可不加):
window.location.href='页面链接'
总结:我们需要创建两个html文件。
第一个html文件作为页面一,第二个html文件作为页面二。
页面一里写 <a href="javascript:history.forward()">前进</a>
页面二里写 <a href="javascript:history.back()">后退</a>
这个代码的意思是历史记录前进和后退,所以两个页面必须建立联系,才能实现页面之间的前进后退。
页面跳转的话,直接用 window.open('页面链接') 或window.location.href='页面链接' 即可。