javascript实现对话框功能警告（alert 消息对话框）确认（confirm 消息对话框）
更新时间：2019年05月07日 08:46:30 作者：绝地反击T
这篇文章主要介绍了javascript：警告（alert 消息对话框），确认（confirm 消息对话框）的实现代码，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。
注:alert弹出消息对话框(包含一个确定按钮)。
语法:
alert(字符串或变量);
注意:
1. 在点击对话框"确定"按钮前，不能进行任何其它操作。
2. 消息对话框通常可以用于调试程序。
3. alert输出内容，可以是字符串或变量，与document.write 相似。
<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
注: 通过返回值可以判断用户点击了什么按钮
<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="点击我，弹出确认对话框" onclick="rec()" />
</body>
<script type="text/javascript">
function resc()
{
var myname=prompt("请输入你的姓名");
if(myname!=null)
{
document.write("你好"+myname);
}
else
{
document.write("你好"+朋友);
}
}
</script>
<body>
<input type="button" name="button" value="点击我，弹出提问对话框" onclick="resc()" />
</body>
总结
以上所述是小编给大家介绍的javascript实现对话框功能警告（alert 消息对话框）确认（confirm 消息对话框）,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
jsonp是ajax提交的一种格式不会受跨域限制，这篇文章主要介绍了jsonp格式前端发送和后台接受写法的代码详解,需要的朋友可以参考下2019-11-11
这篇文章主要为大家介绍了微信小程序实现动态渲染Markdown示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
JS截取字符串 subStr()、substring()、slice() 方法示例详解
这篇文章主要介绍了JS截取字符串 subStr()、substring()、slice() 方法,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
这篇文章主要为大家详细介绍了微信小程序实现滴滴导航tab切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
本篇文章主要介绍了webpack2.0配置postcss-loader的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
javascript设计模式 – 享元模式原理与用法实例分析
这篇文章主要介绍了javascript设计模式 – 享元模式,结合实例形式分析了javascript享元模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了JavaScript+CSS实现仿天猫侧边网页菜单效果,涉及javascript鼠标事件及页面元素动态操作的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了JavaScript中文件上传API，介绍了上传文件API的使用方法，感兴趣的小伙伴们可以参考一下2016-04-04
在网站开发中,经常会遇到需要展示多张图片并自动切换的需求,这就需要使用JavaScript来实现图片的自动轮播功能,本文将通过一个简单的例子,演示如何用JavaScript实现图片的自动轮播,感兴趣的同学可以自己动手试一试2023-09-09
这篇文章主要介绍了基于javascript实现文字无缝滚动效果的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
最新评论