javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)


Posted in Javascript onMay 07, 2019

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

javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)

</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 消息对话框)

总结

以上所述是小编给大家介绍的javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
js继承 Base类的源码解析
Dec 30 Javascript
ext jquery 简单比较
Apr 07 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
解决js正则匹配换行问题实现代码
Dec 10 Javascript
jQuery滚动加载图片效果的实现
Mar 06 Javascript
JavaScript html5 canvas绘制时钟效果(二)
Mar 27 Javascript
Bootstrap风格的WPF样式
Dec 07 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
简述JS控制台的使用
Jul 15 Javascript
小程序中英文混合排序问题解决
Aug 02 Javascript
antd design table更改某行数据的样式操作
Oct 31 Javascript
详解Vue、element-ui、axios实现省市区三级联动
May 07 #Javascript
webpack结合express实现自动刷新的方法
May 07 #Javascript
记录一次开发微信网页分享的步骤
May 07 #Javascript
Vue 幸运大转盘实现思路详解
May 06 #Javascript
Vue运用transition实现过渡动画
May 06 #Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 #Javascript
vue路由跳转传参数的方法
May 06 #Javascript
You might like
写出高质量的PHP程序
2012/02/04 PHP
PHP实现显示照片exif信息的方法
2014/07/11 PHP
HTML5如何适配 iPhone IOS 底部黑条
2021/03/09 HTML / CSS
jQuery中的常用事件总结
2009/12/27 Javascript
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
jquery实现简单实用的弹出层效果代码
2015/10/15 Javascript
nodejs的HTML分析利器node-jquery用法浅析
2016/11/08 NodeJs
Bootstrap整体框架之JavaScript插件架构
2016/12/15 Javascript
纯js实现html转pdf的简单实例(推荐)
2017/02/16 Javascript
ES6新数据结构Map功能与用法示例
2017/03/31 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
js实现二级菜单点击显示当前内容效果
2018/04/28 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
javascript面向对象三大特征之继承实例详解
2019/07/24 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
2020/07/22 Javascript
Python全局变量操作详解
2015/04/14 Python
Android 兼容性问题:java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
numpy np.newaxis 的实用分享
2019/11/30 Python
python+excel接口自动化获取token并作为请求参数进行传参操作
2020/11/10 Python
python实现经纬度采样的示例代码
2020/12/10 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
canvas 橡皮筋式线条绘图应用方法
2019/02/13 HTML / CSS
瑞贝卡·泰勒官方网站:Rebecca Taylor
2016/09/24 全球购物
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
科室工作个人总结的自我评价
2013/10/29 职场文书
运动会演讲稿100字
2014/08/25 职场文书
2014年幼儿园班级工作总结
2014/12/17 职场文书
2015小学师德工作总结
2015/07/21 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
创业计划书之网络外卖
2019/10/31 职场文书