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

Posted 鸿客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于js中window.location.href,location.href,parent.location.href,top.location.href的用法相关的知识,希望对你有一定的参考价值。

 

 

 

"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页面刷新

 

以上是关于关于js中window.location.href,location.href,parent.location.href,top.location.href的用法的主要内容,如果未能解决你的问题,请参考以下文章

一个关于window.location.href=window.location.href的问题?

关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

js中 window.location.href 怎样可以不断地跳转

js中top.location.hrefparent.location.href用法

window.location.href和window.open的几种用法和区别

window.location.href 放置在单独的JS文件中使用时问题