2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > js关闭当前弹出的小窗口并打开新窗口

js关闭当前弹出的小窗口并打开新窗口

时间:2021-02-24 00:12:13

相关推荐

js关闭当前弹出的小窗口并打开新窗口

一、页面执行流程说明:

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

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

二、实现步骤:

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

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

三、代码:

1.父页面 a.html<head> <script> function f1(){ window.open("b.html","","width=800px,height=600px"); } </script> </head> <body> <button onclick="f1()">点我打开新窗口</button> </body>

2.子页面 b.html

<head> <script> function f2() {window.open("c.html");window.close();}</script> </head> <body> <a href="javascript:void(0);" onclick="f2()">点我关闭当前窗口并打开新窗口</a> </body>

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

<body> <h2>这是c.html</h2></body>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。