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 相关文章推荐
绑定回车enter事件代码
May 18 Javascript
简单的jQuery入门指引
Jul 28 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
Aug 18 Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
bootstrap modal弹出框的垂直居中
Dec 14 Javascript
详解Vue中一种简易路由传参办法
Sep 15 Javascript
基于input动态模糊查询的实现方法
Dec 12 Javascript
基于openlayers4实现点的扩散效果
Aug 17 Javascript
JS实现的邮箱提示补全效果示例
Jan 30 Javascript
vue实现的双向数据绑定操作示例
Dec 04 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简单实现加减乘除计算器
2014/01/06 PHP
php实例分享之二维数组排序
2014/05/15 PHP
php中的观察者模式简单实例
2015/01/20 PHP
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
jQuery设置和移除文本框默认值的方法
2015/03/09 Javascript
JavaScript中用于生成随机数的Math.random()方法
2015/06/15 Javascript
Angularjs中UI Router全攻略
2016/01/29 Javascript
JQuery遍历元素的父辈和祖先的方法
2016/09/18 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
JavaScript实现微信号随机切换代码
2018/03/09 Javascript
微信小程序仿朋友圈发布动态功能
2018/07/15 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
webpack3升级到webpack4遇到问题总结
2019/09/30 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
2020/11/17 Vue.js
一个简单的python程序实例(通讯录)
2013/11/29 Python
Python的SQLAlchemy框架使用入门
2015/04/29 Python
python使用selenium登录QQ邮箱(附带滑动解锁)
2019/01/23 Python
python创建属于自己的单词词库 便于背单词
2019/07/30 Python
详解Python中的路径问题
2020/09/02 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
用css3实现当鼠标移进去时当前亮其他变灰效果
2014/04/08 HTML / CSS
顺丰快递Java软件工程师面试题
2015/07/31 面试题
大专生自我鉴定范文
2013/10/01 职场文书
学前教育毕业生自荐信范文
2013/12/24 职场文书
市政管理求职信范文
2014/05/07 职场文书
学校师德承诺书
2014/05/23 职场文书
大学教师师德师风演讲稿
2014/08/22 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
2015年驾驶员工作总结
2015/04/29 职场文书
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python