总是在资料上看到 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。
分享到:
相关推荐
详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法,用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...
var url = window.location.href; // 设置新页面的URL window.location.href = "http://www.example.com"; ``` ##### 2. window.location.replace - **用途**:替换浏览器历史记录栈中当前条目的URL。 - **...
* window.location.href:获取整个 URL 字符串(在浏览器中就是完整的地址栏)。 * window.location.protocol:获取 URL 的协议部分。 * window.location.host:获取 URL 的主机部分。 * window.location.port:获取...
在JavaScript的世界里,`window`对象是全局对象,它提供了与浏览器窗口进行交互的各种方法和属性。本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念,同时通过两...
var newWindow = window.open(url, name, features, replace); ``` - **url**:必需参数,字符串类型,表示新窗口中要加载的文档的URL。 - **name**:可选参数,字符串类型,指定新窗口的名字,这个名称可以用来与`...
需要注意的是,在这个例子中,如果想要实现iframe内页面的刷新,则应该使用parent.document.location.reload()方法,因为window.location.href = parent.location.href将使得iframe加载新的页面,而不是刷新。...
与`window.location.href`类似,但不同之处在于`replace`不会在浏览器的历史记录中留下跳转记录,这意味着用户点击后退按钮时不会回到之前的页面。 ```javascript window.location.replace("http://www.example.com"...
在JavaScript中,我们经常需要对页面的导航进行控制,`window.location.href` 和 `window.location.replace()` 是两个常用的页面重定向方法,它们虽然都能实现页面跳转,但在具体行为上存在显著的区别,尤其是在处理...
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...
location.replace(window.location.href); // 刷新当前页面 location.replace("http://www.example.com"); // 跳转到新的URL ``` ##### 11. 使用`history.go(0)` - **语法**: `history.go(0);` - **功能**: ...
- `window.opener.location.href` 和 `window.opener.location.replace()`:这两个属性和方法用于改变父窗口的URL,从而实现刷新页面的效果。 7. **弹出新窗口**: - `window.open()`:这个函数用于打开新的...
因此,如果要实现页面跳转或打开新的浏览窗口,推荐使用location.href或location.replace方法。 总结来说,window.location对象用于在当前窗口中导航到新的页面,而window.open()方法用于在新的窗口中加载页面。在...
本文将深入探讨如何使用JavaScript实现页面跳转、返回以及刷新,并通过具体的示例代码来说明`window.open()`与`window.location.href`的区别。 #### 二、JavaScript中的页面跳转 页面跳转通常指的是将用户从当前...
接下来看到的内容中,提到了几个与页面导航相关的JavaScript属性,包括window.location.href、window.location.protocol、window.location.host、window.location.port、window.location.pathname等。这些属性分别...
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....
`window.navigate` 和 `window.location.href` 都是JavaScript中实现这一功能的方法,但它们之间存在一些重要的区别。 首先,`window.navigate(url)` 是一个IE浏览器特有的方法,它并不被其他主流浏览器(如Firefox...
`window.location.href` 属性用于获取或设置当前文档的URL。当我们将它的值设置为一个新的URL时,浏览器就会导航到新的页面。 ```javascript window.location.href = "http://www.dayanmei.com/"; ``` **特点:**...
这段代码试图将页面导航至`top.jsp`,但需要注意的是,该方法在IE8及以下版本的IE浏览器中才有效,对于现代浏览器,建议使用`window.location.href`或`window.location.replace()`等替代方案。 ### 4. 使用`self....