window.location.href和window.location.replace

最新推荐文章于 2020-10-20 14:06:27 发布
最新推荐文章于 2020-10-20 14:06:27 发布
阅读量2.9k 收藏
点赞数
分类专栏： 130-Web语言 文章标签： generator button html 服务器 jsp go
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oscar999/article/details/6279774
版权

说到这两个的使用区别，就得结合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的。

 

以下三个页面的例子

 

了解本专栏 订阅专栏 解锁全文 超级会员免费看
oscar999
关注
专栏目录
订阅专栏
js中通过window.location.href和document.location.href、document.URL获取当前浏览器的地址的值，它们的的区别
m0_46652188的博客
08-23 6672
1、document表示的是一个文档对象，window表示的是一个窗口对象，一个窗口下可以有多个文档对象。所以一个窗口下只有一个window.location.href，但是可能有多个document.URL、document.location.href 2、window.location.href和document.location.href可以被赋值，然后跳转到其它页面，document.URL只能读不能写 3、document.location.href和document.location.repla
window.location.href()/replace()/reload() -- 页面跳转+替换+刷新
m0_58293192的博客
12-01 1万+
window.location.href()/replace()/reload() -- 页面跳转+替换+刷新
window.location.href/replace/reload()--页面跳转+替换+刷新
Only the heart peace will be prosperity
09-21 2765
一、最外层top跳转页面，适合用于iframe框架集 top.window.location.href("${pageContext.request.contextPath}/Login_goBack"); ============================================================================================ ...
window.location.replace和window.location.href
楠姐的博客
10-20 1540
window.location.replace和window.location.href 共同点 进行页面的跳转 不同点 ep：page1->page2->page3 如果是通过window.location.href("…/page3") 此时page2页面的路径会被page3页面代替，但是点击回按钮后页面回退的是page2页面 如果是通过window.location.replace("…/page3") 此时page2页面的路径会被page3页面代替，但是点击回按钮后页面回退
window.location.href 与 window.loaction.replace区别
weixin_34186950的博客
06-23 319
window.location.href和window.location.replace的区别 1.window.location.href=“url”：改变url地址； 2.window.location.replace(“url”)：将地址替换成新url，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后 退”来访问已经被替换的...
window.location.href和window.location.replace的区别
derpvailzhangfan的专栏
08-29 1185
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.
详解js location.href和window.open的几种用法和区别.docx
01-22
详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法，用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...
window.location.href 与 window.location.replace 的区别是什么？
最新发布
05-29
window.location.href 与 window.location.replace 都是用于页面跳转的方法，它们的区别在于： 1. window.location.href 会将新页面加载到浏览器的历史记录中，用户可以通过浏览器的后退按钮返回上一个页面。而 ...
javascript 打开页面window.location和window.open的区别.docx
01-13
var url = window.location.href; // 设置新页面的URL window.location.href = "http://www.example.com"; ``` ##### 2. window.location.replace - **用途**：替换浏览器历史记录栈中当前条目的URL。 - **...
window.location.replace和window.location.href区别
Libra_rookie的博客
05-20 658
原生js进行页面的跳转有两种方式： window.location.replace(url); 和 window.location.href = url; 这两种方式的区别在于是否会保存浏览历史。 第一种不会保存浏览历史，意味着新的url会覆盖旧的浏览记录，通过浏览器的后退键将不能回到之前的页面，因为已经被replace了。 第二种就是常见的跳转了，通过浏览器的后退键还可以回到之前的页面。 ...
window.location.href,window.location.replace(),window.location.reload() 三者的区别
zhouzilong502086525的专栏
02-07 3809
总是在资料上看到 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.hi
window.location.replace 和 window.location.href 的区别
热门推荐
Doggy的博客
03-02 4万+
昨天在处理一个具有返回功能的按钮时花了一些时间，就是返回到用户搜索的前一页，我用的是 window.location.go(-1)，这就是正正经经的浏览器返回到前一条浏览记录的做法。可是有几个返回按钮却一直失灵，点击之后，可以看到浏览器刷新，但是还是停留在原来的页面。 仔细查看代码，终于发现了原因。就是用户从上一个页面 a 跳转到目前看到的这一个页面 c，其实中间还有一个页面 b，只是用户看不到，
window.location.replace
09-16
### 回答1： "window.location.replace" 是 JavaScript 中的一个方法，它可以用来替换当前网页的地址为新的地址。不同于 "window.location.assign" 方法，它会禁止用户使用浏览器的 "后退" 按钮来回到之前的页面。 ### 回答2： window.location.replace是JavaScript语言中的一个方法，它用于在浏览器中跳转到一个新的URL，并且替换当前的访问历史。具体来说，它会立即跳转到指定的URL，而不会在浏览器历史记录中保留当前页面的访问记录。 使用window.location.replace方法可以实现以下功能： 1. 页面重定向：可以通过将一个完整的URL字符串作为参数传递给replace方法，来跳转到指定的页面。例如：window.location.replace("http://example.com")。浏览器会立即加载新的URL，并且将其显示在当前窗口或标签页中，同时不会保留原页面的访问历史。 2. 刷新当前页面：如果将window.location.replace方法应用于当前页面的URL，那么它会强制重新加载当前页面。这个功能通常用于在用户执行某些操作后需要刷新页面的情况下。例如：window.location.replace(window.location.href)。 3. 重新加载到历史记录中的某个页面：可以使用window.location.replace方法配合浏览器的历史记录来实现页面的回退或前进功能。通过传递一个负数作为参数，例如：window.location.replace(-1)，可以加载到浏览器历史记录中的上一个页面。同理，传递一个正数作为参数，例如：window.location.replace(1)，可以加载到下一个页面。 需要注意的是，使用window.location.replace方法进行页面跳转时会立即丢失当前页面的所有状态和数据。因此，在使用该方法时，应该谨慎考虑是否需要保存当前页面的状态，并确保在必要时进行数据的持久化。 ### 回答3： window.location.replace用于在浏览器中替换当前页面的URL，并且不会在浏览器的历史记录中生成新的条目。 当我们使用window.location.replace时，浏览器会加载指定的URL，并且在加载完成后，当前页面的URL会被替换为新的URL，页面内容会随之改变。 窗口位置对象（window.location）是一个包含当前URL信息的对象。它有许多属性，例如href, protocol, host, pathname等，我们可以通过修改这些属性来改变当前页面的URL。 使用window.location.replace，我们可以通过给该方法传递一个新的URL来加载一个新的页面并替换当前页面的URL。这个方法的效果与使用window.location.href = newUrl是相同的。 与window.location.href不同的是，window.location.replace不会在浏览器的历史记录中生成新的条目，这意味着用户不能通过点击浏览器的“返回”按钮返回到之前的页面。 当我们想要在不生成新的浏览历史记录的情况下替换当前页面的URL时，window.location.replace是一个很好的选择。但是，我们需要注意的是，一旦执行了window.location.replace，之前页面的状态和数据都会丢失，无法回退到之前的状态。 总结：window.location.replace是一个用于在浏览器中替换当前页面的URL的方法，不会在浏览器的历史记录中生成新的条目。它可以通过加载一个新的URL来替换当前页面，并且适用于在不生成新的浏览历史记录的情况下改变页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰，手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值