曲振飞的个人博客

专注于Web全栈开发、APP设计、网站建设

当前位置 : 主页 > 前端开发 > JavaScript历史对象history学习

JavaScript历史对象history学习

时间:2016-09-06 21:46:11 栏目:前端开发 作者:曲振飞 点击: 953

为提高用户体验,会使用到前进、后退、刷新等功能,本文着重介绍历史对象history的使用:

history是Javascript中Window下的对像,用于存储浏览器的历史信息。它含有三个方法,go()、back()、forward(),分别用来控制页面的跳转。其中:

back()表示返回到上一页面,效果相当于go(-1);

forward()表示返回到下一页面,效果相当于go(1);

go()用于指定页的跳转,比如go(-2)表示返回到浏览过的前两个页面。

void()页面什么也不做

实例:

<h3>这里是two页面</h3><br>
<a href="javascript:history.back()">点击返回one页面</a><br>
<a href="three.html">点击进入three页面</a><br>
<button onclick="window.history.back()">后退一步</button>
<button onclick="window.history.forward()">前进一步</button>
<button onclick="window.history.go(-1)">后退一步</button>
<input type="text" />
<button onclick="window.history.void(0)">此超链接什么也不做</button>


关键字:

关于站长

曲振飞,一个热忠、从事于互联网的90后青年.专注于网站建站、网站设计及优化.以用户体验、WEB标准为主旨,将网站的整体设计与网页设计的相关原理紧密结合.