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 相关文章推荐
经验几则 推荐
Sep 05 Javascript
jQuery下的动画处理总结
Oct 10 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
May 12 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
May 07 Javascript
移动端界面的适配
Jan 11 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
Aug 30 Javascript
vue axios重复点击取消上一次请求封装的方法
Jun 19 Javascript
javascript面向对象三大特征之封装实例详解
Jul 24 Javascript
JavaScript实现简单贪吃蛇效果
Mar 09 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
JavaScript中的宏任务和微任务详情
Nov 27 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/09/04 PHP
PHP文件锁函数flock()详细介绍
2014/11/18 PHP
php函数传值的引用传递注意事项分析
2016/06/25 PHP
php简单计算年龄的方法(周岁与虚岁)
2016/12/06 PHP
javascript 拖动表格行实现代码
2011/05/05 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
IE关闭时判断及AJAX注销案例学习
2013/02/18 Javascript
jquery 无限级联菜单案例分享
2013/03/26 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
javascript数组详解
2014/10/22 Javascript
Jquery attr()方法 属性赋值和属性获取详解
2016/04/15 Javascript
Angular+Bootstrap+Spring Boot实现分页功能实例代码
2017/07/21 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
2018/01/09 Javascript
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
this.$toast() 了解一下?
2019/04/18 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
Python实现将文本生成二维码的方法示例
2017/07/18 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
python pandas.DataFrame.loc函数使用详解
2020/03/26 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
Django DRF认证组件流程实现原理详解
2020/08/17 Python
Python远程linux执行命令实现
2020/11/11 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
物理专业本科生自荐信
2014/01/30 职场文书
班长竞选演讲稿
2014/04/24 职场文书
艺术教育实施方案
2014/05/03 职场文书
碧霞祠导游词
2015/02/09 职场文书
2015年纪委工作总结
2015/05/13 职场文书
创业计划书之宠物店
2019/09/19 职场文书
浅谈resultMap的用法及关联结果集映射
2021/06/30 Java/Android