`

window.location.href和window.location.replace的区别

阅读更多

07年8月29日

总是在资料上看到 window.location.href和window.location.replace的区别,但是不是很明白,今天彻底明白了。简单说说:

有3个jsp页面(1.jsp,  2.jsp,  3.jsp),进系统默认的是1.jsp ,当我进入2.jsp的时候, 2.jsp里面用window.location.replace("3.jsp");与用window.location.href("3.jsp");从用户界面来看是没有什么区别的,但是当3.jsp页面有一个“返回”按钮,调用window.history.go(-1);wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用window.location.replace("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。当用window.location.href("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是好用的,会返回2.jsp。因为window.location.replace("3.jsp");是不向服务器发送请求的跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面1.jsp 。window.location.href("3.jsp");是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到2.jsp。

分享到:
评论
2 楼 zhuzhiguosnail 2011-08-09  
very good.
1 楼 左文武 2010-08-02  
通俗易懂

相关推荐

    详解js location.href和window.open的几种用法和区别.docx

    详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法,用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...

    javascript 打开页面window.location和window.open的区别.docx

    var url = window.location.href; // 设置新页面的URL window.location.href = "http://www.example.com"; ``` ##### 2. window.location.replace - **用途**:替换浏览器历史记录栈中当前条目的URL。 - **...

    js 页面刷新location.reload和location.replace的区别小结.docx

    * window.location.href:获取整个 URL 字符串(在浏览器中就是完整的地址栏)。 * window.location.protocol:获取 URL 的协议部分。 * window.location.host:获取 URL 的主机部分。 * window.location.port:获取...

    字符串 window.open() window.opener window.name window对象等的总结

    在JavaScript的世界里,`window`对象是全局对象,它提供了与浏览器窗口进行交互的各种方法和属性。本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念,同时通过两...

    window.open打开新窗口参数设置

    var newWindow = window.open(url, name, features, replace); ``` - **url**:必需参数,字符串类型,表示新窗口中要加载的文档的URL。 - **name**:可选参数,字符串类型,指定新窗口的名字,这个名称可以用来与`...

    js location.replace与location.reload的区别

    需要注意的是,在这个例子中,如果想要实现iframe内页面的刷新,则应该使用parent.document.location.reload()方法,因为window.location.href = parent.location.href将使得iframe加载新的页面,而不是刷新。...

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

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

    javascript中href和replace的比较(详解)

    在JavaScript中,我们经常需要对页面的导航进行控制,`window.location.href` 和 `window.location.replace()` 是两个常用的页面重定向方法,它们虽然都能实现页面跳转,但在具体行为上存在显著的区别,尤其是在处理...

    网站禁止PC端访问代码 手机端访问

    if(window.screen.width==0){window.location.replace("https://www.zxki.cn")}; var system={win:false,mac:false,xll:false}; var p = navigator.platform; system.win=p.indexOf("Win")==0; system.mac=p.indexOf...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    location.replace(window.location.href); // 刷新当前页面 location.replace("http://www.example.com"); // 跳转到新的URL ``` ##### 11. 使用`history.go(0)` - **语法**: `history.go(0);` - **功能**: ...

    JS窗口大全----很全的哦

    - `window.opener.location.href` 和 `window.opener.location.replace()`:这两个属性和方法用于改变父窗口的URL,从而实现刷新页面的效果。 7. **弹出新窗口**: - `window.open()`:这个函数用于打开新的...

    javascript 打开页面[removed]和window.open的区别

    因此,如果要实现页面跳转或打开新的浏览窗口,推荐使用location.href或location.replace方法。 总结来说,window.location对象用于在当前窗口中导航到新的页面,而window.open()方法用于在新的窗口中加载页面。在...

    javascript跳转与返回和刷新页面的实例代码.docx

    本文将深入探讨如何使用JavaScript实现页面跳转、返回以及刷新,并通过具体的示例代码来说明`window.open()`与`window.location.href`的区别。 #### 二、JavaScript中的页面跳转 页面跳转通常指的是将用户从当前...

    js 页面刷新location.reload和location.replace的区别小结

    接下来看到的内容中,提到了几个与页面导航相关的JavaScript属性,包括window.location.href、window.location.protocol、window.location.host、window.location.port、window.location.pathname等。这些属性分别...

    js刷新页面方法大全

    window.location.replace(window.location.href); ``` 总结来说,JavaScript提供了多种方式来刷新页面,包括`location.reload()`、`window.location.href`、`history.go(0)`、过时的`document.execCommand('refresh...

    window.open

    然而,由于浏览器的安全策略和用户体验考虑,直接使用`window.open()`可能会遇到被拦截的情况。本文将详细介绍如何让`window.open()`不被拦截以及一些相关的实践技巧。 #### 一、`window.open()`方法概述 `window....

    window.navigate 与 [removed].href 的使用区别介绍

    `window.navigate` 和 `window.location.href` 都是JavaScript中实现这一功能的方法,但它们之间存在一些重要的区别。 首先,`window.navigate(url)` 是一个IE浏览器特有的方法,它并不被其他主流浏览器(如Firefox...

    js方式的页面跳转

    `window.location.href` 属性用于获取或设置当前文档的URL。当我们将它的值设置为一个新的URL时,浏览器就会导航到新的页面。 ```javascript window.location.href = "http://www.dayanmei.com/"; ``` **特点:**...

    js页面跳转 js页面跳转代码汇总

    这段代码试图将页面导航至`top.jsp`,但需要注意的是,该方法在IE8及以下版本的IE浏览器中才有效,对于现代浏览器,建议使用`window.location.href`或`window.location.replace()`等替代方案。 ### 4. 使用`self....

Global site tag (gtag.js) - Google Analytics