关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别

2019-12-24,,,,

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

举例说明:

如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

"window.location.href"、"location.href":D页面跳转

"parent.location.href":C页面跳转

"top.location.href":A页面跳转

如果D页面中有form的话,

<form>: form提交后D页面跳转

<form target="_blank">: form提交后弹出新页面

<form target="_parent">: form提交后C页面跳转

<form target="_top"> : form提交后A页面跳转

关于页面刷新,D 页面中这样写:

"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )

"top.location.reload();": A页面刷新

您可能感兴趣的文章:

  • javascript中的location用法简单介绍
  • JavaScript中的Location地址对象
  • JS 中document.URL 和 windows.location.href 的区别
  • js 页面刷新location.reload和location.replace的区别小结
  • javascript 打开页面window.location和window.open的区别
  • js实现网页防止被iframe框架嵌套及几种location.href的区别
  • JS教程:window.location使用方法的区别介绍
  • JS获取url链接字符串 location.href
  • js通过location.search来获取页面传来的参数
  • JS中Location使用详解

《关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别.doc》

下载本文的Word格式文档,以方便收藏与打印。