您的位置:首页 > 运维架构

location.href、parent.location.href、top.location.href、 window.open实现页面跳转

2014-09-24 10:43 621 查看

"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.open("Url地址","_blank")
= window.open("Url地址");//在新窗口打开

location = window.location = location.href = window.location.href =self.location.href =
"Url地址";//在D页面实现展现
window.open("Url地址","_self");//在D页面实现展现

parent.location.href = window.parent.location.href ="Url地址";//在C页面实现展现
window.open("Url地址","_parent");//在C页面实现展现

top.location.href = window.top.location.href ="Url地址";//在A页面实现展现
window.open("Url地址","_top")//在A页面实现展现

parent.parent.location =
"Url地址";//在B页面实现展现
parent.open("Url地址","_parent")
= parent.parent.open("Url地址","_self")//在B页面实现展现

如果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页面刷新
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐