前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

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

作者头像
botkenni
发布2022-03-24 11:34:56
1.9K0
发布2022-03-24 11:34:56
举报
文章被收录于专栏:IT码农IT码农

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

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

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

举例说明:

如果A,B,C,D都是html,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提交后D页面跳转

: form提交后弹出新页面

: form提交后C页面跳转

: form提交后A页面跳转 如果访问的是iframe里面的页面,重新加载最外层的页面

代码语言:javascript
复制
<</span>html>
 <</span>head>
 <</span>title></</span>title>
 <</span>script language="javascript">
 function escapeFrame(){
 if (window.top.location.href != window.location.href) {
         window.top.location.reload();
       }
 }
 </</span>script>
 </</span>head>
 
 <</span>body onload="escapeFrame()">
 <</span>iframe src="b.html" ></</span>iframe>
 </</span>body>
 </</span>html>
本文参与?腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016/09/29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com