`
yutaoshen
  • 浏览: 1269 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

history.go(-1)在不同浏览器中的解析

 
阅读更多
今天遇到个问题:

<a href="#" onclick="history.go(-1)">后退</a>

点击"后退"链接时,在IE,firefix下,history.go(-1)可以起到后退的作用,但在chrome下不起作用,要用history.go(-2)才生效。

后来研究了一下,发现在IE,firefix中解析为执行onclick事件,即执行history.go(-1)页面就跳走了不执行<a>标签的href,但在chrome下,不光执行了onclick事件,还执行了<a>标签的href。故要在onclick事件中加上return false语用来阻止<a>标签href的触发。即:

<a href="#" onclick="history.go(-1); return fasle">后退</a>

或:

<a href="javascript:void(0)" onclick="history.go(-1)">后退</a>
分享到:
评论

相关推荐

    各浏览器对document.getElementById等方法的实现差异解析

    - `location.reload`和`history.go`同样在IE6/7/8中可以直接调用,但在其他浏览器中可能需要在特定上下文中使用,否则可能导致错误。 为了确保代码在各种浏览器中兼容,开发者应遵循最佳实践,使用前文所述的修复...

    JS页面跳转和js对iframe进行页面跳转、刷新

    与`window.location.href`类似,但不同之处在于`replace`不会在浏览器的历史记录中留下跳转记录,这意味着用户点击后退按钮时不会回到之前的页面。 ```javascript window.location.replace("http://www.example.com"...

    73种网页常用JS代码

    - `history.go(-1)` 使得浏览器后退到上一个页面。 - `history.go(1)` 则使浏览器前进到下一个页面。 2. 返回上一步: - `history.back(-1)` 实现与后退按钮相同的效果,返回上一页面。 3. 查看源码: - 使用`...

    vue-router-h5-history-源码.rar

    5. **Route Link**:在模板中,我们通常使用`router-link`组件来创建链接,它会根据当前路由状态自动添加活动类,并且在History模式下,点击会触发`pushState`,更新浏览器的历史记录。 6. **Route Navigation**:`...

    javascript History对象原理解析

    JavaScript的History对象是浏览器提供的一种用于管理用户浏览历史的接口,它允许开发者在不实际刷新页面的情况下更改浏览器的URL和历史记录。本文将深入解析History对象的原理,并通过实例代码来帮助理解和应用。 ...

    Web前端开发技术-BOM其他对象.pptx

    在Web前端开发中,浏览器对象模型(Browser Object Model,简称BOM)是JavaScript与浏览器交互的核心机制之一。它允许我们操作浏览器窗口、页面、用户历史记录等多个方面,而BOM中的其他对象则包含了location、...

    Android 简易web浏览器制作及代码解析.pdf

    Android 简易 web 浏览器制作及代码解析 Android 简易 web 浏览器的制作可以分为三个主要界面:首页界面、主浏览界面和浏览历史界面。每个界面都有其对应的布局文件,分别是 frontpage.xml、activity_main.xml 和 ...

    使用按钮实现IE返回上一页

    1. **JavaScript历史对象**:`history`对象是浏览器内置的一个对象,提供了多种方法来控制浏览器的历史记录,如`history.back()`、`history.forward()`、`history.go()`等。 2. **ASP.NET服务器控件事件处理**:通过...

    73种网页常用js代码.pdf

    - **解释**: `history.back()` 方法等同于 `history.go(-1)`,都是用于后退到上一个页面。 #### 3. 查看源码按钮 - **功能**: 创建一个按钮,点击后可以直接查看当前页面的源代码。 - **代码示例**: ```html 查看...

    JavaScript_Quick_Reference.pdf

    - 示例:`history.go(-1);` - **窗口尺寸** - **`innerHeight` 和 `innerWidth`** - 用途:获取窗口内部的高度和宽度(不包括工具栏等)。 - 示例:`window.innerHeight;` - **`outerHeight` 和 `outerWidth`*...

    js页面跳转代码汇总

    但实际上,`window.navigate()`并不是标准的JavaScript API,并且在现代浏览器中不起作用。正确的做法是使用`window.location.href`。因此,这段代码可能无法按预期工作。 #### 四、使用`self.location`进行页面...

    73种网页常用js代码

    - **功能**:这两个按钮分别实现了浏览器的历史记录后退(`history.go(-1)`)和前进(`history.go(1)`)功能。 - **应用场景**:适用于需要为用户提供快速导航至历史记录中的前一个或后一个页面的情况。 ### 2. ...

    资源之前端模拟面试题

    - **示例**:`$router.go(-1)` 表示从当前页面跳转到前一个页面。 ### Vue-router中 hash 模式和 history 模式的区别 #### 1. Hash 模式 - **URL 显示**:hash 模式的 URL 通常包含 `#` 符号,例如 `example....

    Jsp开发遇到的70个问题及解决方法记录

    - **解决方案**:可以通过JavaScript的`history.back()`方法或者`history.go(-1)`来实现返回上一页的功能。 ### 9. 获取HTTP头部信息 - **问题描述**:如何获取HTTP请求中的头部信息。 - **解决方案**:可以通过...

    ASP常见问题及解答

    根据提供的文件信息,本文将对ASP(Active Server Pages)中常见的问题及其解答进行详细解析,以便更好地理解ASP在Web开发中的应用与技巧。 ### ASP常见问题及解答 #### 1. 如何执行“打开”命令? **实现方式:**...

    BOM知识点汇总

    在JavaScript中,BOM(Browser Object Model)是浏览器提供的一系列接口,允许我们与浏览器环境进行交互,包括处理窗口、导航、历史记录、cookies、时间、弹出框等。以下是对JavaScript BOM的一些核心知识点的详细...

    Java高级对象或类

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

    JavaJavaScript网页设计活学活用300问源文件-010

    - `history.go(-1)`: 该方法用于导航到当前页面前一个页面的历史记录项。 #### 示例代码: ```html function OKGoOn() { if (!confirm("Իƪ--OKſɼ")) { history.go(-1); } return ""; } document....

    02.任务二:Vue-Router 原理实现

    Vue-Router 是 Vue.js 应用程序中的官方路由库,它是单页面应用(SPA)中不可或缺的一部分,负责管理页面间的导航和数据流动。本任务将深入解析 Vue-Router 的核心原理与实现方式。 1. **基本概念** - **路由...

Global site tag (gtag.js) - Google Analytics