美文网首页
location.href与location.replace

location.href与location.replace

作者: AlisaMfz | 来源:发表于2017-04-09 14:20 被阅读943次

location.href 是指网页跳转,有以下几个用法:

window.location.href="/url"当前页面打开URL页面  以下三个方法一样

self.location.href="/url" 当前页面打开URL页面

location.href="/url" 当前页面打开URL页面

parent.location.href="/url" 在父页面打开新页面

top.location.href="/url" 在顶层页面打开新页面

此外,window.location.href=window.location.href;和window.location.Reload()都是刷新当前页面。区别在于是否有提交数据。当有提交数据时,window.location.Reload()会提示是否提交,window.location.href=window.location.href;则是向指定的url提交数据。

举个例子:

如果a页面是b页面的父页面,b是c页面的父页面,c是d页面的父页面

在d页面中写,location.href=''d页面跳转

parent.location.href = '' c页面跳转

top.location.href = ''  a页面跳转

如果d页面中存在表单

target='': form提交后D页面跳转

target='_blank': form提交后弹出新页面

target='_parent': form提交后C页面跳转

target='_top': form提交后A页面跳
下面再来说location.replace
location.replace 是替换当前页面,如果a页面 跳转到 b页面  b页面 写location.replace(c) 当点击返回按钮时,就会回到a页面,换句话说,location.replace 是清除了本页面的访问记录,直接回到上一个页面
如果是 b页面href到c页面的话,按c页面的回退按钮,会回到b页面

相关文章

网友评论

      本文标题:location.href与location.replace

      本文链接:https://www.haomeiwen.com/subject/uoedattx.html