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 相关文章推荐
jquery之Document元素选择器篇
Aug 14 Javascript
制作高质量的JQuery Plugin 插件的方法
Apr 20 Javascript
jquery 插件学习(六)
Aug 06 Javascript
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
探究Javascript模板引擎mustache.js使用方法
Jan 26 Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 Javascript
浅述节点的创建及常见功能的实现
Dec 15 Javascript
vue组件间通信子与父详解(二)
Nov 07 Javascript
jQuery实现动态添加节点与遍历节点功能示例
Nov 09 jQuery
element-ui 本地化使用教程详解
Oct 28 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 Javascript
如何实现echarts markline标签名显示自己想要的
Jul 20 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
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
php 中文和编码判断代码
2010/05/16 PHP
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
php实现遍历文件夹的方法汇总
2017/03/02 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
HTML TO JavaScript 转换
2006/06/26 Javascript
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
探讨AngularJs中ui.route的简单应用
2016/11/16 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
详解用Webpack与Babel配置ES6开发环境
2019/03/12 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
layUI的验证码功能及校验实例
2019/10/25 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
[03:02]安得倚天剑,跨海斩长鲸——中国军团出征DOTA2国际邀请赛
2018/08/14 DOTA
[50:02]完美世界DOTA2联赛循环赛 Magma vs IO BO2第一场 11.01
2020/11/02 DOTA
Python2.x版本中maketrans()方法的使用介绍
2015/05/19 Python
在Django的视图中使用数据库查询的方法
2015/07/16 Python
python调用Delphi写的Dll代码示例
2017/12/05 Python
python简单实现操作Mysql数据库
2018/01/29 Python
python实现画一颗树和一片森林
2018/06/25 Python
强悍的Python读取大文件的解决方案
2019/02/16 Python
Python实现FTP文件传输的实例
2019/07/07 Python
python按比例随机切分数据的实现
2019/07/11 Python
python调用matplotlib模块绘制柱状图
2019/10/18 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
Python3 ffmpeg视频转换工具使用方法解析
2020/08/10 Python
Cotton On南非:澳洲时尚平价品牌
2018/06/28 全球购物
职高毕业生自我鉴定
2013/10/21 职场文书
学生生病请假条范文
2014/02/16 职场文书
司机工作自我鉴定
2014/09/19 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书
MySQL令人咋舌的隐式转换
2021/04/05 MySQL