javascript history对象(历史记录)使用方法(实现浏览器前进后退)
更新时间:2014年01月07日 15:47:16 作者:
本文主要介绍了window.history对象使用方法
window.history对象在编写时可不使用 window 这个前缀。为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。
方法:
history.back() - 加载历史列表中的前一个URL,这与在浏览器中点击前进按钮是相同的
history.forward() - 加载历史列表中的下一个URL,这与在浏览器中点击前进按钮是相同的
实例:
复制代码 代码如下:
<html>
<button name="back" value="后退" onclick="goBack()">后退</button>
<button name="forward" value="前进" onclick="goForward()">前进</button>
<script type="text/javascript">
function goBack(){
history.back();
}
function goForward(){
history.forward();
}
</script>
</html>
其他方法:
复制代码 代码如下:
history.go(0);//刷新当前页面
//以下是要在浏览器中有历史记录的,否则不会有效果.
history.go(1);//前进一页
history.go(-1);//后退一页
history.go(-2);//后退两页
history.length;//当前窗口包含的历史记录条数
相关文章
在JS中操作时间之getUTCMilliseconds()方法的使用
这篇文章主要介绍了在JavaScript中操作时间之getUTCMilliseconds()方法的使用,是JavaScript入门学习中的基础知识,需要的朋友可以参考下2015-06-06深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
这篇文章主要介绍了深入理解JavaScript系列(18):面向对象编程之ECMAScript实现,本文讲解了数据类型、原始值类型、Object类型、动态性、内置对象、原生对象及宿主对象等内容,需要的朋友可以参考下2015-03-03JavaScript bold方法入门实例(把指定文字显示为粗体)
这篇文章主要介绍了JavaScript字符串对象的bold方法入门实例,bold方法用于把指定文字显示为粗体,需要的朋友可以参考下2014-10-10JavaScript学习笔记整理_用于模式匹配的String方法
下面小编就为大家带来一篇JavaScript学习笔记整理_用于模式匹配的String方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-09-09js中getBoundingClientRect( )方法案例详解
这篇文章主要介绍了js中getBoundingClientRect( )方法案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-07-07
最新评论