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和CSS速查手册
Aug 20 Javascript
写JQuery插件的基本知识
Nov 25 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
javascript 获取元素样式必杀技
May 04 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 Javascript
JavaScript Length 属性的总结
Nov 02 Javascript
javascript先序遍历DOM树的方法
Feb 27 Javascript
canvas时钟效果
Feb 16 Javascript
vue-router:嵌套路由的使用方法
Feb 21 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
vue封装第三方插件并发布到npm的方法
Sep 25 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
Sep 26 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中图片等比缩放的实例
2013/03/24 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
php查询及多条件查询
2017/02/26 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
JavaScript中的变量作用域介绍
2014/12/31 Javascript
jQuery插件jRumble实现网页元素抖动
2015/06/05 Javascript
javascript格式化日期时间方法汇总
2015/06/19 Javascript
JSON相关知识汇总
2015/07/03 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
JavaScript自执行函数和jQuery扩展方法详解
2017/10/27 jQuery
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
使用Python编写一个简单的tic-tac-toe游戏的教程
2015/04/16 Python
在Python中编写数据库模块的教程
2015/04/29 Python
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
python对DICOM图像的读取方法详解
2017/07/17 Python
Python探索之自定义实现线程池
2017/10/27 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
浅谈Python2、Python3相对路径、绝对路径导入方法
2018/06/22 Python
python读取excel指定列数据并写入到新的excel方法
2018/07/10 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
Python多线程模块Threading用法示例小结
2019/11/09 Python
一个SQL面试题
2014/08/21 面试题
销售代表求职自荐信
2013/10/01 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书
Python 数据可视化工具 Pyecharts 安装及应用
2022/04/20 Python