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 相关文章推荐
javascript textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
javascript控制swfObject应用介绍
Nov 29 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
Oct 01 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
mui框架 页面无法滚动的解决方法(推荐)
Jan 25 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
Jan 15 Javascript
图解javascript作用域链
May 27 Javascript
JavaScript实现简单随机点名器
Nov 21 Javascript
Node登录权限验证token验证实现的方法示例
May 25 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配置心得包含MYSQL5乱码解决
2006/11/20 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
迪菲-赫尔曼密钥交换(Diffie?Hellman)算法原理和PHP实现版
2015/05/12 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
语义化 H1 标签
2008/01/14 Javascript
jquery 简单的进度条实现代码
2010/03/11 Javascript
Eval and new funciton not the same thing
2012/12/27 Javascript
JavaScript监听文本框回车事件并过滤文本框空格的方法
2015/04/16 Javascript
javascript数组排序汇总
2015/07/07 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
详解nodejs微信公众号开发——5.素材管理接口
2017/04/11 NodeJs
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
2017/09/11 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
vue实现弹幕功能
2019/10/25 Javascript
Vue实现push数组并删除的例子
2019/11/01 Javascript
js实现表单项的全选、反选及删除操作示例
2020/06/05 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
简单的编程0基础下Python入门指引
2015/04/01 Python
Python正则表达式指南 推荐
2018/10/09 Python
Django model反向关联名称的方法
2018/12/15 Python
深入了解Python iter() 方法的用法
2019/07/11 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
施华洛世奇波兰官网:SWAROVSKI波兰
2019/06/18 全球购物
俄罗斯天然和有机产品、健康生活网上商店:Fitomarket.ru
2020/10/09 全球购物
C#怎么让一个窗口居中显示?
2015/10/20 面试题
自我鉴定 电子商务专业
2014/01/30 职场文书
平安建设实施方案
2014/03/19 职场文书
公司授权委托书范本
2014/04/03 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
政府法律服务方案
2014/06/14 职场文书
副检察长四风问题对照检查材料思想汇报
2014/10/07 职场文书