History 对象

Posted niunf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了History 对象相关的知识,希望对你有一定的参考价值。

History 对象
History 对象包含用户(在浏览器窗口中)访问过的URL;
History 对象是window 对象的一部分,可用过window.history属性对其进行访问;
没有应用于History对象的公开标准,不是所有浏览器都支持该对象
History 对象属性
length //返回历史列表中的网址数
History对象方法
back() 加载history列表中的前一个URL
foward() 加载history 列表中的下一个URL
go() 加载history列表中的某个具体页面

History back()方法
定义和用法
back方法可以加载历史列表中 的前一个URL(如果存在);
调用该方法的效果等价于点击后退按钮或调用history.go(-1)

History forward()方法
定义和用法
foward() 方法可加载历史列表中的下一个URL
调用该方法的效果等价于点击前进按钮或调用history.go(1);
history.forward()

History go()方法
定义和用法
go()方法可加载历史列表中的某个具体页面;
该参数可以是数字,使用的是要访问的URL 在History 的URL 列表中的相应位置(-1 上一个页面,1前进一个页面)
或一个字符串,字符串必须是局部或完整的URL,该函数会去匹配字符串的第一个URL
语法
history.go(number|URL)

eg:
//-----------------------------------------------------------------
index1.html
<a href="index2.html">跳转到页面2</a>
//-----------------------------------------------------------------
index2.html
<input type="button" value="返回" onclick="goBack()" />
<br/>
<a href="index3.html" >页面2 跳转到 页面3</a>
<br/>
<input type="button" value="前进" onclick="goForward()" />
function goBack(){
//window.history.back();
window.history.go(-1);
}
function goForward(){
window.history.forward()
}
//-----------------------------------------------------------------
index3.html
<input type="button" value="返回页面2" onclick="goBack()" />
<input type="button" value="返回页面1" onclick="goBack2()" />

function goBack(){
window.history.back();
//window.history.go(-1);
}

function goBack2(){
window.history.go(-2);
}











以上是关于History 对象的主要内容,如果未能解决你的问题,请参考以下文章

History 对象

screen对象和history对象

浏览器history对象

浏览器history对象

history对象

JS-BOM编程之history对象