一、页面执行流程说明:
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>