小码哥的IT人生

HTML DOM go() 方法 详解

HTML基础 2022-05-23 16:52:11小码哥的IT人生shichen

HTML DOM go() 方法

定义和用法

history.go() 方法从历史列表中加载一个 URL(页面)。

history.go() 方法仅在页面存在于历史列表中时才有效。

注释

history.go(0) 重新加载页面。

history.go(-1) 与 history.back() 相同。

history.go(1) 与 history.forward() 相同。

另请参阅:

history.back() 方法

history.forward() 方法

history.length 方法

实例

创建后退两页的按钮:

<button onclick="history.go(-2)">后退两页</button>

以上代码的输出将是:

单击返回以查看其工作原理。

(仅当您的历史列表中存在以前的页面时才有效)

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<h1>Window History 对象</h1>
<h2>history.go() 方法</h2>
<button onclick="history.go(-2)">后退两页</button>
<p>点击“后退两页”不会导致任何动作,因为历史列表中没有前一页。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

语法

history.go(number)

参数

参数 描述
number 必需。负值后退。正值前进。

返回值

无。

浏览器支持

所有浏览器都支持 history.go():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024