top.localtion.href和top.localtion.replace

最新推荐文章于 2021-01-16 09:49:45 发布
转载 最新推荐文章于 2021-01-16 09:49:45 发布 · 1.6k 阅读 · 1
文章标签：

#浏览器

本文探讨了使用JavaScript实现页面重定向的两种不同方法：一种是通过`top.location.href`，这种方法会被浏览器的历史记录所记录；另一种是使用`top.location.replace`，这种方式则不会留下返回的痕迹。文章通过具体的代码示例解释了这两种方法的区别。
一直以来都是这么干的:

if( self != top ) { top.location.href = self.location.href; }

原来还可以这么搞: 

if( self != top ) { top.location.replace(self.location.href); }

两者的区别就是，前者会被浏览器的返回按钮按钮记录下来，后者不会留下返回的痕迹。 

window.location.href和window.location.replace
oscar999的专栏
03-26 3297
说到这两个的使用区别，就得结合window.history.go(-1);wondow.history.back();这两个方法的机制了。 这两个方法是根据服务器记录的请求决定该跳到哪个页面。   window.location.href("test.jsp");是向服务器发送请求的跳转 window.location.replace("test.jsp");是不向服务器发送请求的跳转
window.location.href和window.open方法导航
最新发布
m0_61998604的博客
06-25 1329
是用于获取或设置当前窗口的 URL 的属性，它通常用于导航到新的页面或重新加载当前页面。它的值是一个字符串，包含当前页面的 URL。要导航到当前页面内的不同路由（例如 React Router 中的路由），可以通过设置的值来实现。
top.location.href和localtion.href有什么不同
04-18
判断当前location 是否为顶层来禁止frame引用　 如果页面当中有自定义的frame的话，也可以将parent self top换为自定义frame的名称 效果就是在自定义frame窗口打开url地址
location.replace 替代路径兼容
weixin_41451859的博客
01-16 1588
当在ios中直接食用 location.replace 替代路径是完全可以的，但在安卓中却起不到替代的作用而变成了跳转，那么考虑到兼容性问题使用以下兼容： function replace() { if (history.replaceState) { // 安卓兼容 history.replaceState({}, document.title, url); location.reload(); //刷新 } else { locati.
location.replace()和location.href=进行跳转的区别
高振的博客
05-31 6828
location.href="url"是常用链接跳转，可以前进和后退 location.replace("url")无法进行后退返回，常用于注销
location.reload() 和 location.replace()的区别和应用
wangfang_0728的专栏
02-18 2683
 window.location.hrefwindow.top.location.replace("http://www.im286.com")top.location.href("http://www.im286.com")window.navigate ("http://www.im286.com")Html：--------------------------------
location.href和location.replace的区别
揣金磊 的博客
02-12 2711
情景 比如支付过程中或者使用商品的优惠券，而使用这张优惠券需要取请求 一个第三方的地址，中间会有一次跳转。 若使用 window.location.href=“url” ,按流程操作是没问题的，但是如果用户点击返回，则无法跳回原本的提交订单的页面，会一直进行重复请求，造成程序出错。 所以，必须替换成 window.location.replace(“url”) 来跳转，保证在进入第三方后不会存入w...
代码示例window.localtion.search是如何使用的
04-21
window.localtion.search 可以获取当前页面 URL 中查询字符串部分的内容，查询字符串通常是以？开头的部分。例如：如果 URL 是www.example.com/index.html?id=123&name=Tom，那么 window.localtion.search 将返回"?...
window.localtion.search是如何获取参数的
04-21
window.location.search可以获取当前URL中的查询参数部分，也就是问号后面的部分。它返回的是一个以问号开头的字符串，例如："?var1=value1&var2=value2"。接下来，可以使用JavaScript将字符串解析为对象，以便在...
js 刷新页面和跳转页面的几个办法本文来自: 陈华IT笔记！本文详细地址：http://www.chhua.com/it/
TemateRoom的专栏
03-15 1484
在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做。下面有一些相关的内容，大家看完了就会有更多的收获。首先介绍两个方法的语法： reload 方法，该方法强迫浏览器刷新当前页面。 语法： location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存
location.href与location.replace()比较
小菜鸟的博客
10-20 2010
location.href使用这种方式导航，新页面的地址将被加入history的地址列表中，因此可以使用back或go函数导航。assign函数在设置URL时与location.href具有完全相同的功能。而使用replace函数，它将新页面的地址在history的地址列表中删除，因此使用back或go函数无法导航。
location.reload()和location.replace()的区别与应用
StoneVivi的博客
11-18 3939
location.reload()和location.replace()的区别与应用
top.location和window.location有什么区别?
m0_47668952的博客
10-21 2019
top.location和window.location有什么区别？ top.location是在顶层frame中打开新页 window.location是在当前frame中打开新页
JS学习笔记 location.href和location.replace的大致区别
热门推荐
倪晓磊的博客
05-07 2万+
今天学校的外聘老师告诉我们,公司开发过程中，因为新手的一些误操作造成了许多问题，举个例子，在项目中 比如要购买一件商品 ，并且有一个这个商品的优惠券，而使用这张优惠券需要取请求 一个第三方的地址，中间会有一次跳转，因为使用了location.href   后,按流程操作是没问题的，但是如果用户点击返回，则无法跳回原本的提交订单的页面，会一直进行重复请求，造成程序出错，所以，必须替换成locatio...
js中top.location.href、parent.location.href用法
renxing518的博客
10-16 839
window.location.href、location.href是本页面跳转 parent.location.href是上一层页面跳转 top.location.href是最外层的页面跳转 举例说明： window.location.href、location.href： 例: window.location.href= 'wapsend1.asp?zimu=A
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值