location.href和location.replace的区别

最新推荐文章于 2023-06-10 17:14:55 发布

磊疯

最新推荐文章于 2023-06-10 17:14:55 发布

阅读量2.5k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/weixin_44142296/article/details/87075355

版权

1 篇文章 0 订阅

订阅专栏

比如支付过程中或者使用商品的优惠券，而使用这张优惠券需要取请求一个第三方的地址，中间会有一次跳转。

若使用 window.location.href=“url” ,按流程操作是没问题的，但是如果用户点击返回，则无法跳回原本的提交订单的页面，会一直进行重复请求，造成程序出错。

所以，必须替换成 window.location.replace(“url”) 来跳转，保证在进入第三方后不会存入window.history，因此用户点击返回就可以绕过第三方地址，直接返回最初的页面。

window.location.href=“url”
window.location.replace(“url”)

3个jsp页面（1.jsp ——> 2.jsp ——>3.jsp）。

从1.jsp(首页) 进入2.jsp之后， 2.jsp里面想跳转到3.jsp：用

window.location.replace("3.jsp");

window.location.href="3.jsp";

从用户界面来看是没有什么区别。但是当3.jsp页面有一个“返回”按钮，调用

window.history.go(-1);

window.history.back();

方法的时候，一点这个返回按钮就要返回2.jsp页面的话，区别就出来了:

-	window.location.replace(“3.jsp”);	window.location.href=“3.jsp”;
返回页面	1.jsp（首页）	2.jsp
原因	是不向服务器发送请求的跳转	是向服务器发送请求的跳转

原理	window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的

在ios的设备上当用户点击返回时，为了提高性能网页呈现的是快照形式，并不会更新内容，所以，在返回网页时需要用到localtion.reload() 来刷新页面，重新请求页面内容

<body onpageshow="location.reload()">

关注

专栏目录