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 消息对话框）,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
js中document.getElementByid、document.all和document.layers区分介绍
document.getElementById 是公共标准，被目前的所有主流浏览器支持,document.all只有IE支持,document.layers是Netscape 4.x专有的属性2011-12-12
setTimeout函数是一个原生的javascript函数。setTimeout函数会在一个指定的延迟时间之后调用一个函数或执行一段指定的代码。它的应用非常广泛，例如我们希望用户在浏览器某个页面一段时间后弹出一个对话框，或者是鼠标点击某个元素后隔几秒钟在删除这个元素。2017-02-02
这篇文章主要介绍了javascript实现图片懒加载的方法及思路，有时我们需要用懒加载，也就是延迟加载图片的方式，来提高网站的亲和力,需要的朋友可以参考下2016-01-01
一个JavaScript函数parseQueryString，它的用途是把URL参数解析为一个对象，很实用，大家可以看看2014-09-09
js调试工具console.log()方法查看js代码的执行情况
以往都是使用alert的方式查看js代码的执行情况，今天看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录2014-08-08
使用weixin-java-miniapp配置进行单个小程序的配置详解
这篇文章主要介绍了使用weixin-java-miniapp配置进行单个小程序的配置详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
在线编码查询工具,编码查询,HTML编码2010-10-10
因为最近要控制广告，所以从绿盟与脚本之家页面上，整理了一些cookies的操作控制代码，喜欢的朋友不容错过。2010-04-04
微信小程序有时需要函数里面调用函数,下面这篇文章主要给大家介绍了关于微信小程序创建自定义全局函数以及其调用方法的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下2022-09-09
基于prototype扩展的JavaScript常用函数库实现代码，学习js的朋友可以参考下。2010-11-11
最新评论