超链接<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()和浏览器的前进按钮是一样的