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

时间：2022-05-06 23:42:53

一、页面执行流程说明：

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.close();
       window.open("c.html");
     }
    </script>  
</head>  

<body>  
    <a href="javascript:void(0);" onclick="f2()">点我关闭当前窗口并打开新窗口</a>  
</body>

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

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





标签：

相关文章