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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u010999809/article/details/76458379

一、页面执行流程说明:

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 οnclick="f1()">点我打开新窗口</button>  
</body>

2.子页面 b.html

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

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

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





展开阅读全文

没有更多推荐了,返回首页