html+点击+后关闭当前页面,js关闭当前弹出的小窗口并打开新窗口

本文介绍了如何使用JavaScript实现页面间的交互,包括从父页面a.html点击按钮弹出新窗口b.html,以及在b.html中点击链接关闭当前窗口并打开新页面c.html。通过window.open和window.close方法实现了这一流程。
摘要由CSDN通过智能技术生成

一、页面执行流程说明:

1.点击父页面a.html的“点我打开新窗口”按钮-->弹出新窗口(b.html)

2.点击b.html的超链接“关闭当前窗口并打开新页面”-->关闭当前窗口b.html,并打开新页面c.html

二、实现步骤:

要点:1.给按钮的点击事件编写函数f1(),用于弹出新窗口   window.open(新窗口的url,"",窗口参数)

2.给弹出的新窗口b.html的超链接“关闭当前窗口并打开新页面”添加点击事件f2(),用来关闭当前窗口并打开新页面

三、代码:

1.父页面 a.html

function f1(){

window.open("b.html","","width=800px,height=600px");

}

点我打开新窗口

2.子页面 b.html

function f2() {

window.close();

window.open("c.html");

}

点我关闭当前窗口并打开新窗口

3.b.html关闭后打开的新页面 c.html

这是c.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值