javascript：警告（alert 消息对话框），确认（confirm 消息对话框）

最新推荐文章于 2024-04-20 14:57:38 发布

净诚浩天

最新推荐文章于 2024-04-20 14:57:38 发布

阅读量1.4k

点赞数

分类专栏： java前端

java前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。

注:alert弹出消息对话框(包含一个确定按钮)。

语法:

alert(字符串或变量);

注意:

1. 在点击对话框"确定"按钮前，不能进行任何其它操作。

2. 消息对话框通常可以用于调试程序。

3. alert输出内容，可以是字符串或变量，与document.write 相似。

[javascript]view plain copy
<title>alert</title>  
  <script type="text/javascript">  
  function rec(){  
    var mychar="I love JavaScript";  
    alert(mychar);  
  }  
  </script>  
</head>  
<body>  
    <input name="button" type="button" onClick="rec()" value="点击我，弹出对话框" />  
</body>  

确认（confirm 消息对话框）

confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

语法:

confirm(str);

参数说明:

str：在消息对话框中要显示的文本
返回值: Boolean值

返回值:

当用户点击"确定"按钮时，返回true
当用户点击"取消"按钮时，返回false

注: 通过返回值可以判断用户点击了什么按钮

[javascript]view plain copy
<script type="text/javascript">  
  
function rec()  
{  
    var mymessage=confirm("你喜欢javascript吗？");  
    if(mymessage==true)  
    {  
        document.write("很好，加油！");  
    }  
    else if(mymessage==false)  
    {  
        document.write("要学javascript，而且必须学");  
    }  
}  
</script>  
      
</head>  
  
<body>  
    <input type="button" name="button" value="点击我，弹出确认对话框" οnclick="rec()" />  
</body>  

[javascript]view plain copy
<script type="text/javascript">  
function resc()  
{  
    var myname=prompt("请输入你的姓名");  
    if(myname!=null)  
    {  
        document.write("你好"+myname);  
    }  
    else  
    {  
        document.write("你好"+朋友);  
    }  
}  
</script>  

[javascript]view plain copy
<body>  
    <input type="button" name="button" value="点击我，弹出提问对话框" οnclick="resc()" />  
</body>  

注意:

1. alert是弹出警告框，在文本里面加入\n就可以换行。

2. confirm弹出确认框，会返回布尔值，通过这个值可以判断点击时确认还是取消。true表示点击了确认，false表示点击了取消。

3. prompt弹出输入框，点击确认返回输入框中的值，点击取消返回null。

下面是详细的例子：

[html]view plain copy
<html>  
<head>  
<script type="text/javascript">  
function show_alert(){  
    alert('第一行\n第二行');  
}  
  
function show_confirm(){  
    var result = confirm('是否删除！');  
    if(result){  
        alert('删除成功！');  
    }else{  
        alert('不删除！');  
    }  
}  
  
function show_prompt(){  
    var value = prompt('输入你的名字：', '默认名字');  
    if(value == null){  
        alert('你取消了输入！');  
    }else if(value == ''){  
        alert('姓名输入为空，请重新输入！');  
        show_prompt();  
    }else{  
        alert('你好，'+value);  
    }  
}  
</script>  
</head>  
<body>  
<input id="alert_button" type="button" value="alert" onclick="show_alert()" >  
<input id="confirm_button" type="button" value="confirm" onclick="show_confirm()" >  
<input id="prompt_button" type="button" value="prompt" onclick="show_prompt()" >  
</body>  
</html>  

拓展学习:

jQuery自定义模拟alert、confirm弹出提示框，模仿iPhone样式，兼容多种浏览器
http://blog.jdk5.com/zh/javascript-custom-confirm-dialog/
http://blog.jdk5.com/zh/javascript-custom-alert-dialog/

净诚浩天

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript：警告（alert 消息对话框），确认（confirm 消息对话框）

我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。注:alert弹出消息对话框(包含一个确定按钮)。语法:alert(字符串或变量); 注意:1. 在点击对话框"确定"按钮前，不能进行任何其它操作。2. 消息对话框通常可以用于调试程序。3. alert输出内容，可以是字符串或变量，与doc...
复制链接

扫一扫