JAVAScript删除按钮、关闭窗口、打开新窗口

最新推荐文章于 2023-09-26 01:15:38 发布

原创最新推荐文章于 2023-09-26 01:15:38 发布 · 755 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #webview #前端

js常用功能专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的网页交互示例，包含三个按钮：删除、关闭和打开新窗口。通过JavaScript实现了按钮点击后的不同功能，包括确认删除提示、关闭当前页面及在新窗口中打开指定网址。

<body>
       <button type="button" id="debtn">删除</button>
       <button type="button" id="closebtn"></button>
       <button type="button" id="openbtn"></button>
       <script type="text/javascript">
           var debtn=document.getElementById("debtn");
           debtn.onclick=function(){
               //弹出选择框
               var isDel=window.confirm("确定删除吗？");
               if(isDel){
                   console.info("删除成功");
                   }
                   else{
                       console.info("不删除！");
               }
           }
           //关闭窗口
           document.getElementById("closebtn").onclick=function(){
               window.close();
           }
           //打开新窗口
           document.getElementById("openbtn").onclick=function(){
               window.open("http://www.taobao.com");
           }
       </script>
   </body>