`
sungang_1120
  • 浏览: 323595 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

js Window学习(四)Window History 对象 上一页 下一页,方法

 
阅读更多

Window History

window.history 对象在编写时可不使用 window 这个前缀。

为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。

一些方法:

  • history.back() - 与在浏览器点击后退按钮相同
  • history.forward() - 与在浏览器中点击按钮向前相同

Window History Back

history.back() 方法加载历史列表中的前一个 URL。

这与在浏览器中点击后退按钮是相同的:

实例

在页面上创建后退按钮:

<html>
<head>
<script>
function goBack()
  {
  window.history.back()
  }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

以上代码输出为:

 

back 上一页

Window History Forward

 

history forward() 方法加载历史列表中的下一个 URL。

这与在浏览器中点击前进按钮是相同的:

实例

在页面上创建一个向前的按钮:

<html>
<head>
<script>
function goForward()
  {
  window.history.forward()
  }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

以上代码输出为:

Forward 下一页

分享到:
评论

相关推荐

    js实现上一页下一页的效果【附代码】

    Javascript 返回上一页: 1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 复制代码 ...

    js 返回上一页和刷新

    下面将详细介绍JS返回上一页和刷新页面的各种方法。 一、返回上一页 1. 使用history对象:history.go(-1)可以返回上一页,history.go(-2)可以返回两个页面。 2. 使用history.back():可以返回上一页。 3. 使用...

    jsp返回上一页和刷新

    jsp返回上一页和刷新是一种常见的jsp开发需求,本文总结了一些常用的jsp返回上一页和刷新的方法,包括使用JavaScript返回上一页和刷新页面、自动刷新页面、ASP.NET输出刷新父窗口脚本语句、JS刷新框架的脚本语句等。

    页面js返回上一步上一页

    在Web开发中,有时候我们需要用JavaScript(简称JS)来实现返回上一页或者前进到下一页的功能。这对于那些需要控制用户导航流程的应用来说非常重要。本文档将详细介绍几种常见的JS实现方法。 #### 二、JS实现返回...

    javascript操作BOM对象.docx

    * `go()`:加载 history 对象列表中的某个具体 URL(1 代表下一页,-1 代表上一页)。 location 对象 location 对象提供了多种属性和方法来操作当前 URL,例如: * `host`:设置或返回主机名和当前 URL 的端口号...

    javascript常用对象梳理

    ### JavaScript中的Window对象详解 #### 一、概述 在JavaScript编程中,`Window`对象是极为重要的基础概念之一。作为客户端JavaScript的最高层对象之一,`Window`对象几乎贯穿于所有的浏览器交互过程中。无论是...

    javascript Window及document对象详细整理

    2. **Window对象方法**: - `window.alert()`:显示带有“确定”按钮的警告对话框。 - `window.confirm()`:显示带有“确定”和“取消”按钮的确认对话框。 - `window.prompt()`:显示一个可让用户输入文本的...

    10JavaScript浏览器对象模型BOM.docx

    我们可以使用`history.back()`让浏览器回退到前一页,或者`history.forward()`前进到下一页。这些操作仅在当前会话中有效。 5. **Screen对象**:Screen对象提供了有关用户屏幕的详细信息,如屏幕宽度、高度、颜色...

    Js内置对象.docx

    - **back()**: 返回上一页。 - **forward()**: 前进到下一页。 示例代码: ```javascript history.back(); // 返回上一个页面 history.forward(); // 跳向下一个页面 history.go(-1); // 相当于 back() ``` #### ...

    js页面跳转整理。。

    1. **`history.go(-1)`**:返回上一页。 2. **`history.back()`**:与`history.go(-1)`效果相同。 3. **`window.history.forward()`**:返回下一页。 4. **`window.history.go()`**:返回第几页,可以使用访问过的...

    js技术中document对象技术汇总

    - **用途**:返回上一页。 - **语法**: ```javascript window.history.back(); ``` - **`history.forward()`** - **用途**:前进到下一页。 - **语法**: ```javascript window.history.forward(); ``` ...

    BOM和DOM对象的简单介绍

    history 对象的属性包括 length、back、forward 等,其中,length 属性返回历史记录的长度,back 属性返回上一页,forward 属性返回下一页。 在 JavaScript 中,BOM 和 DOM 对象是紧密相连的,BOM 对象提供了浏览器...

    JavaScript的浏览器对象详解

    虽然不能直接获取历史记录的详细信息,但可以使用`history.back()`返回上一页,`history.forward()`前进到下一页,以及`history.go(n)`跳转到指定的历史记录。 6. **location对象**:location对象是window对象的一...

    JS中的 函数、事件和对象

    - `history.back()`:返回上一页。 - `history.forward()`:前进到下一页。 - `history.go(num)`:跳转到指定的页面。 - **`document`**:文档对象模型,提供了对HTML文档的访问和控制。 - `document....

    8.BOM对象.zip

    虽然不能直接访问这些URL,但可以使用`history.back()`返回上一页,`history.forward()`前进到下一页,或者`history.go()`跳转到指定的历史位置。 6. **Screen对象** Screen对象提供了关于用户屏幕的信息,如屏幕...

    Javascript 的内部对象

    - `back()`: 返回上一页 - `forward()`: 前往下一页 - `home()`: 回到主页 - `stop()`: 停止加载当前页面 - `print()`: 打印当前页面 #### 四、`Location`对象 `Location`对象用于获取或设置当前窗口的URL,并提供...

    js跳转总结

    `history.go(-1)`用于返回上一页,`history.go(-2)`则会返回前两页。此外,`history.back()`等同于`history.go(-1)`,即回退到上一个访问的页面。而`history.forward()`则用于前进到下一页,如果存在的话。 `window...

    Java高级对象或类

    - `history.back()`、`history.go(-1)`:返回上一页。 - `history.forward()`、`history.go(1)`:前进到下一页。 #### 4. **页面控制方法** - `window.print()`:打开打印对话框,允许用户打印当前页面。 - `...

    第10章 JS-Web-API-BOM【内容虽然不多,但是你不能不会】.rar

    `history.back()`返回上一页,`history.forward()`前进到下一页。 6. **Location对象**:与页面URL相关,提供了访问和修改URL的方法。`location.href`获取或设置当前页面的完整URL,`location.reload()`刷新当前...

    JavaScript基本的入门

    - 方法:`history.back()`,返回上一页。 - 方法:`history.forward()`,前往下一页。 - 方法:`history.go(n)`,跳转到历史列表中的指定页面。 #### 八、面向对象基础 面向对象编程是 JavaScript 中的一个重要...

Global site tag (gtag.js) - Google Analytics