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 函数调用规则
Sep 14 Javascript
JavaScript的parseInt 取整使用
May 09 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 Javascript
javascript消除window.close()的提示窗口
May 20 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
详解Matlab中 sort 函数用法
Mar 20 Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
Dec 28 Javascript
Layui给switch添加响应事件的例子
Sep 03 Javascript
在Vue项目中,防止页面被缩放和放大示例
Oct 28 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
May 21 Javascript
详解Node.js使用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最常用的ini函数分析 针对PHP.ini配置文件
2010/04/22 PHP
PHP CURL模拟GET及POST函数代码
2010/04/25 PHP
php设计模式 Visitor 访问者模式
2011/06/28 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
使用Rancher在K8S上部署高性能PHP应用程序的教程
2020/07/10 PHP
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
完善的jquery处理机制
2016/02/21 Javascript
jquery取消事件冒泡的三种方法(推荐)
2016/05/28 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
Bootstrap table的使用方法
2016/11/02 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
jQuery中用on绑定事件时需注意的事项
2017/03/19 Javascript
nodejs6下使用koa2框架实例
2017/05/18 NodeJs
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
详解微信小程序实现WebSocket心跳重连
2018/07/31 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
React优化子组件render的使用
2019/05/12 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
2020/01/22 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
Python os模块介绍
2014/11/30 Python
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
Python常见数据类型转换操作示例
2019/05/08 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
Python 实现微信自动回复的方法
2020/09/11 Python
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
2015/11/18 面试题
商场中秋节广播稿
2014/01/17 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
交通事故赔偿协议书范本
2014/04/15 职场文书
租房协议书样本
2014/08/20 职场文书
大国崛起英国观后感
2015/06/02 职场文书
初一年级组工作总结
2015/08/12 职场文书
子女赡养老人协议书
2016/03/23 职场文书