原生JS Alert提示框

最新推荐文章于 2024-05-10 09:56:17 发布

echo_blue-eyes

最新推荐文章于 2024-05-10 09:56:17 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： web Javascript 文章标签： javascript 弹出框 web前端

本文链接：https://blog.youkuaiyun.com/woaipaiqiu/article/details/29261385

web 同时被 2 个专栏收录

30 篇文章

订阅专栏

Javascript

14 篇文章

订阅专栏

本文详细介绍了 JavaScript 中用于弹出对话框的三种方法：alert、confirm 和 prompt 的使用方式和区别，包括如何通过按钮触发这些弹窗以及它们各自的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：js现有的弹出框

1.alert(message)

message为要在弹出框内显示的纯文本；

<html>
<script>
function show_alert()
{
   alert('hello');
            }
</script>
<body>
<tr><td><input type=button id=btn1 name=btn1 value=alert onclick=show_alert();></td></tr>
</body>
</html>

2.确定提示框confirm

confirm(message)

message为要在提示框上显示的纯文本（不是HTML文本）

<html>
<script>
function show_confirm()
{ 
   if(confirm('Are you sure ?'))
        alert('yes');
   else
        alert('no');
}
</script>
<body>
<tr><td><input type=button id=btn2 name=btn2 value=confim onclick=show_confirm();></td></tr>
</body>
</html>

点击确定或回弹出以下对话框

如果点击取消，则弹出显示no的对话框

3.输入提示框prompt

prompt(text,defaultText)

text为在输入框上面显示的纯文本，defauleText为输入框中默认显示的内容；这两个参数都是可选的。

<html>
<script>
function show_input()
{ 
   var city=prompt('请输入您的省市','山东');
   if(city!=null && city!='')
    {
         var str= city + '是个好地方';
         alert(str);
    }
}
</script>
<body>
<tr><td><input type=button id=btn3 name=btn3 value=prompt onclick=show_input();></td></tr>
</body>
</html>