您现在的位置:首页 >> 前端 >> 内容

history对象介绍、属性及使用方法

时间:2017/11/9 9:22:02 点击:

  核心提示:一 . history对象history对象保存着用户上网的历史记录(从窗口被打开的那一刻算起)因为history对象是window对象的属性,因此每个浏览器窗口、每个标签页乃至每个框架,都有自己的h...

一 . history对象

history对象保存着用户上网的历史记录(从窗口被打开的那一刻算起)

因为history对象是window对象的属性,因此每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联

二 . 属性

length:保存着历史记录的数量,这个数量包括所有历史记录,即所有向后和向前的记录

if (history.length == 0) {
    // 这应该是用户打开窗口后的第一个页面
}

二 . 方法

(1)back

模仿浏览器的”后退”按钮

// 后退一页
history.back();

(2)forward

模仿浏览器的”前进”按钮

// 前进一页
history.forward();

(3)go

可以在用户的历史记录中任意跳转,可以向后也可以向前

这个方法接收一个参数,表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转(类似于单击浏览器的“后退”按钮),整数表示向前跳转(类似于单击浏览器的“前进”按钮)

// 后退一页,类似于history.back()
history.go(-1);
// 前进一页,类似于history.forward()
history.go(1);
// 前进两页
history.go(2);

也可以给go()方法传递一个字符串参数,结果是跳转到相匹配的最近的一个页面

(完)

Tags:HI IS ST TO 
作者:网络 来源:......的博客