JavaScript实现页面跳转的方法

超链接<a>的页面跳转

<a href="url">进入url页面</a>

window.location.herf

<input type="button" value="转至url" id="toUrl" />
<script>
document.getElementById("toUrl").addEventListener("click",function(){
  window.location.href = "url";
});
</script>

window.location.reload()

<script>
window.location.reload();
//刷新当前页面
</script>

window.history后退和前进

window.history.go()

<script>
window.history.go(-1)//返回上一页，页面不刷新
window.history.go(1)//前进下一页，页面不刷新
</script>

这里window.history.go(num)，num是前进或者后退的页数，负数是后退，正数是前进，例如-2，就是返回上上页；

window.history.back()

<script>
window.history.back()//返回上一页，页面不会刷新，相当于window.history.go(-1)
</script>

window.hisory.forward()

<script>
window.history.forward()//进入下一页，页面不会刷新，相当于window.history.go(1)
</script>

因为看到很多人说window.history.back()页面数据会刷新，是一个新的页面，但是我自己尝试了，页面并没有刷新

其实back()就和浏览器的后退按钮是一样的，forward()和浏览器的前进按钮是一样的