js中各种弹出窗

最新推荐文章于 2024-12-07 10:35:09 发布

原创最新推荐文章于 2024-12-07 10:35:09 发布 · 475 阅读

2 ·

CC 4.0 BY-SA版权

练习同时被 3 个专栏收录

201 篇文章

订阅专栏

笔记

185 篇文章

订阅专栏

32 篇文章

订阅专栏

各种弹出框

alert：警告框
confirm：确认框
prompt：输入框

<html>
   <head>
       <meta charset="utf-8" />
       <title>各种弹出框</title>
   </head>
   <body>
       <button onclick="jinggao();">警告框</button>
       <button onclick="queren();">确认框</button>
       <button onclick="shuru();">输入框</button>
   </body>
   <script>
       function jinggao()
       {
           window.alert('警告')
       }

       function queren()
       {
           var ret = window.confirm('您确定要离开吗?')
           // 点击确定返回true，点击取消返回false
           console.log(ret)
       }

       function shuru()
       {
           var ret = window.prompt('请输入您的名字', '默认值')
           // 点击确定返回输入内容，点击取消返回null
           console.log(ret)
       }

   </script>
</html>