js子窗口关闭,父窗口跳转指定页面
有三个A,B,CA是父窗口;B窗口是在A窗口中的iframe;C窗口是弹出的artDialog子窗口;现在是要C窗口中一个按钮点击,把C窗口关闭,然后B窗口跳转指定页面;...
有三个A,B,C
A是父窗口;
B窗口是在A窗口中的iframe;
C窗口是弹出的artDialog子窗口;
现在是要C窗口中一个按钮点击,把C窗口关闭,然后B窗口跳转指定页面; 展开
A是父窗口;
B窗口是在A窗口中的iframe;
C窗口是弹出的artDialog子窗口;
现在是要C窗口中一个按钮点击,把C窗口关闭,然后B窗口跳转指定页面; 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏5(财富值+成长值)
展开全部
下面是示例代码,带注释,请仔细阅读:
1、 父窗口 A
<head>
<!-- 引入 artDialog 文件 -->
<link href="./skins/default.css" rel="stylesheet" />
<script src="./artDialog.min.js"></script>大首
<script>
// 全局变量,保存弹窗窗口句柄
var dialog;
// 定义 弹出窗口操作 函数
window.myDialog = function(){
// 如果之前有已经打开的弹窗,则先将其关闭。
if (dialog) dialog.close();
// 弹出窗口
dialog = art.dialog({
title: '登录',
content: '密码:锋脊<input id="login-pw" type="text" value="****" />'
+ '<滚基数iframe src="C"><\/iframe>',
lock: true,
fixed: true,
ok: top.closeMyDialog, // 处理窗口关闭操作
okValue: '登录',
cancel: function () {}
});
}
// 定义 关闭窗口操作 函数
window.closeMyDialog = function(){
// 处理弹出窗口的内容
alert(document.getElementById('login-pw')value);
// 关闭窗口
dialog.close();
// 改变 iframe 框架指向
frames[0].location.href = 'anywhere_u_want.htm';
}
</script>
</head>
<body>
<!-- iframe 框架结构 -->
<iframe src="B"></iframe>
2、 Iframe 窗口 B (在 A 中)
<input type="button" onclick="top.myDialog();" value="弹出窗口" />
3、 其实上面两个的结构应该足够使用了。但如果你非要在 C 窗口中操作,那么 C 中的按钮可以这样:
<input type="button" onclick="top.closeMyDialog();" value="关闭" />
=====
总结:
其实说穿了,就是通过 top 对象来获取顶层窗口,进行对应的操作。通过 frames 来对子框架进行操作。
以上,请采纳,请给分。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询