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对象之内置对象Math使用方法
Apr 16 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
Sep 16 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
Jan 28 Javascript
js实现获取两个日期之间所有日期的方法
Jun 17 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
JS判断form内所有表单是否为空的简单实例
Sep 09 Javascript
小程序实现五星点评效果
Nov 03 Javascript
vue登录以及权限验证相关的实现
Oct 25 Javascript
微信小程序wxml列表渲染原理解析
Nov 27 Javascript
jquery实现有过渡效果的tab切换
Jul 17 jQuery
详解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
html中select语句读取mysql表中内容
2006/10/09 PHP
Look And Say 序列php实现代码
2011/05/22 PHP
php搜索文件程序分享
2015/10/30 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
用户注册常用javascript代码
2009/08/29 Javascript
Jquery中显示隐藏的实现代码分析
2011/07/26 Javascript
JS高级拖动技术 setCapture,releaseCapture
2011/07/31 Javascript
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
网站404页面3秒后跳到首页的实例代码
2013/08/16 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
JavaScript中常见获取元素的方法汇总
2015/03/04 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
JavaScript cookie详解及简单实例应用
2016/12/31 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
2017/07/24 Javascript
浅谈angular.copy() 深拷贝
2017/09/14 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
基于jQuery实现定位导航位置效果
2017/11/15 jQuery
关于Vue组件库开发详析
2018/07/01 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
[07:26]2015国际邀请赛第二日TOP10集锦
2015/08/06 DOTA
python多线程扫描端口示例
2014/01/16 Python
Python教程之全局变量用法
2016/06/27 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
Python多继承原理与用法示例
2018/08/23 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
python梯度下降算法的实现
2020/02/24 Python
python re.match()用法相关示例
2021/01/27 Python
北京泡泡网网络有限公司.net面试题
2012/07/17 面试题
厂长岗位职责
2014/02/19 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
党支部活动策划方案
2014/08/18 职场文书
学生犯错保证书
2015/05/09 职场文书
Sentry的安装、配置、使用教程(Sentry日志手机系统)
2022/07/23 Python