location.href与location.replace

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 用法: javascript> functio...
    樱花树下_529d阅读 426评论 0 0
  • 本章转载自新浪博客网友:blog.sina.com.cn/s/blog_7f5571aa0102w2tv.html...
    czboy阅读 1,502评论 0 11
  • 本博客转自:「作者:若愚链接:https://zhuanlan.zhihu.com/p/22361337来源:知乎...
    韩宝亿阅读 2,826评论 0 3
  • 突然想创造一系列陪伴孩子的故事或电视!每个阶段都有
    大鱼海棠Coco阅读 192评论 0 0
  • 透过爱,我们经历人生中的施与受,爱是一份礼物。~沃夫.基格里希 说出「我爱你」这句话时,所有与关系相关的因素都会被...
    系统排列阅读 307评论 0 0