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 相关文章推荐
当前页禁止复制粘贴截屏代码小集
Jul 24 Javascript
js跑步算法的实现代码
Dec 04 Javascript
使用jquery解析XML示例代码
Sep 05 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
JS中对Cookie的操作详解
Aug 05 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 Javascript
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
vue实现书本翻页动画效果实例详解
Apr 08 Vue.js
详解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
改造一台复古桌面收音机
2021/03/02 无线电
destoon实现调用热门关键字的方法
2014/07/15 PHP
php中字符集转换iconv函数使用总结
2014/10/11 PHP
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
PHP判断json格式是否正确的实现代码
2017/09/20 PHP
javascript oop开发滑动(slide)菜单控件
2010/08/25 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
如何提高Dom访问速度
2017/01/05 Javascript
Jquery EasyUI $.Parser
2017/06/02 jQuery
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
2018/01/20 Javascript
vue.extend与vue.component的区别和联系
2018/09/19 Javascript
vue路由跳转传参数的方法
2019/05/06 Javascript
vue中使用vee-validator完成表单校验方案
2019/11/01 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
ssm+vue前后端分离框架整合实现(附源码)
2020/07/08 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
用Python写一个无界面的2048小游戏
2016/05/24 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
Python中print函数简单使用总结
2019/08/05 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
CSS3简单实现照片墙
2014/12/12 HTML / CSS
HTML5 Canvas标签使用收录
2009/07/07 HTML / CSS
俄罗斯连接商品和买家的在线平台:goods.ru
2020/11/30 全球购物
什么是Linux虚拟文件系统VFS
2015/08/25 面试题
基于Python 函数和方法的区别说明
2021/03/24 Python
大学本科毕业生的自我鉴定
2013/11/26 职场文书
搬家公司的创业计划书
2014/01/01 职场文书
安全教育感言
2014/03/04 职场文书
电子商务求职信
2014/06/15 职场文书
2014年前台接待工作总结
2014/12/05 职场文书
教师个人事迹材料
2014/12/17 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
转变工作作风心得体会
2016/01/23 职场文书
Python爬虫之爬取哔哩哔哩热门视频排行榜
2021/04/28 Python