window.location.href和window.location.replace - guoyiqi - ITeye博客

`

guoyiqi

浏览: 1010263 次

最近访客更多访客>>

wry3407

zzc125

bingjava

秋天你慢慢来

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

18335864773：很多公司项目都在使用pageoffice 来操作word，e ...
用java生成word文档
Gozs_cs_dn：请问下博主, 怎样将sitemesh3.xsd绑定 sitem ...
SiteMesh3配置
Rose_06：
springside4.0quick-start.bat报错原因
ilemma：我也是刚参见工作啊,经理让自学这个,有些东西不太懂,能不能发个 ...
Apache Shiro在Web中的应用
shanbangyou：你废了
程序员上班打酱油的方法

window.location.href和window.location.replace

阅读更多

说到这两个的使用区别，就得结合window.history.go(-1);wondow.history.back();这两个方法的机制了。

这两个方法是根据服务器记录的请求决定该跳到哪个页面。

window.location.href("test.jsp");是向服务器发送请求的跳转

window.location.replace("test.jsp");是不向服务器发送请求的跳转

所以window.history.go(-1);wondow.history.back();配合window.location.href("test.jsp");使用是okay的。

以下三个页面的例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> This is 1 jsp </BODY> </HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> This is 2 jsp <br> <input type="button" value="go 3 jsp by window.location.replace" onclick="window.location.replace('3.jsp');"> <br> <input type="button" value="go 3 jsp by window.location.href" onclick="window.location.href('3.jsp');"> </BODY> </HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> This is 3 jsp <br> <input type="button" value="back by window.history.go(-1)" onclick="window.history.go(-1);"> <br> <input type="button" value="back by window.history.back()" onclick="window.history.back();"> </BODY> </HTML>

分享到：

UTF-8的BOM头 | 使用 JS刷新框架子页面

2011-03-26 12:53
浏览 393
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

详解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对象等的总结: - `window.location`：包含了当前窗口URL的信息，可以修改来导航到新的页面。 - `window.history`：提供了浏览历史记录的管理功能，如`history.back()`、`history.forward()`。 - `window.document`：提供了对HTML...

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

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

通过location.replace禁止浏览器后退防止重复提交: 下面详细解释`location.replace`的工作原理和使用方法： 1. **工作原理**： `location.replace(url)`会将当前页面URL替换为指定的`url`，并添加到历史记录中。但是，与`location.assign(url)`不同，`replace`方法...

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

网站禁止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);` - **功能**: ...

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

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

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

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....

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

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

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

js 页面刷新location.reload和location.replace的区别小结: 接下来看到的内容中，提到了几个与页面导航相关的JavaScript属性，包括window.location.href、window.location.protocol、window.location.host、window.location.port、window.location.pathname等。这些属性分别...

Global site tag (gtag.js) - Google Analytics