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脚本代码跑起来。
Jan 09 Javascript
javascript 解析url的search方法
Feb 09 Javascript
javascript常用代码段搜集
Dec 04 Javascript
JavaScript学习笔记整理之引用类型
Jan 22 Javascript
jQuery实现的分子运动小球碰撞效果
Jan 27 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
Dec 15 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
Jun 11 Javascript
详解react-router 4.0 下服务器如何配合BrowserRouter
Dec 29 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
微信小程序入门之指南针
Oct 22 Javascript
create-react-app开发常用配置教程
Jun 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导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
PHP实现Redis单据锁以及防止并发重复写入
2018/04/10 PHP
jQuery 注意事项 与原因分析
2009/04/24 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
js判读浏览器是否支持html5的canvas的代码
2013/11/18 Javascript
js计算任意值之间随机数的方法
2015/01/16 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
2017/03/10 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
Webpack执行命令参数详解
2017/06/17 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
[01:45]典藏宝瓶2+祈求者身心——这就是DOTA2TI9总奖金突破3000万美元的秘密
2019/07/21 DOTA
Python 字典(Dictionary)操作详解
2014/03/11 Python
基于Python中单例模式的几种实现方式及优化详解
2018/01/09 Python
如何使用 Pylint 来规范 Python 代码风格(来自IBM)
2018/04/06 Python
Python实现的文本对比报告生成工具示例
2018/05/22 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
Python中请不要再用re.compile了
2019/06/30 Python
python 求定积分和不定积分示例
2019/11/20 Python
python 实现IP子网计算
2021/02/18 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
英国著名药妆店:Superdrug
2021/02/13 全球购物
室内拓展活动方案
2014/02/13 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
三严三实·严以用权心得体会
2016/01/12 职场文书
Java Dubbo框架知识点梳理
2021/06/26 Java/Android
mysql5.6主从搭建以及不同步问题详解
2021/12/04 MySQL
Redis批量生成数据的实现
2022/06/05 Redis