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 相关文章推荐
DHTML 中的绝对定位
Nov 26 Javascript
javascript下4个跨浏览器必备的函数
Mar 07 Javascript
js innerHTML 改变div内容的方法
Aug 03 Javascript
jQuery实现多级联动下拉列表查询框
Jan 18 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
Mar 13 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
Apr 11 Javascript
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
Dec 24 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
使用JQ完成表格隔行换色的简单实例
Aug 25 Javascript
vue-cli 目录结构详细讲解总结
Jan 15 Javascript
Vue.js组件props数据验证实现详解
Oct 19 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 gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
PHP扩展开发教程(总结)
2015/11/04 PHP
php编程实现简单的网页版计算器功能示例
2017/04/26 PHP
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
详解JS函数重载
2014/12/04 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
JSON对象转化为字符串详解
2017/08/11 Javascript
Angular2 http jsonp的实例详解
2017/08/31 Javascript
vue中SPA单页面应用程序详解
2017/11/07 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
python django集成cas验证系统
2014/07/14 Python
python迭代器与生成器详解
2016/03/10 Python
利用python3随机生成中文字符的实现方法
2017/11/24 Python
Python实现朴素贝叶斯分类器的方法详解
2018/07/04 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
Python读取配置文件(config.ini)以及写入配置文件
2020/04/08 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
LightInTheBox西班牙站点:全球商品在线采购
2016/09/22 全球购物
俄罗斯EPL钻石珠宝店:ЭПЛ
2019/10/22 全球购物
领导的自我鉴定
2013/12/28 职场文书
直接有效的自我评价
2014/01/11 职场文书
毕业生如何写自我鉴定
2014/03/15 职场文书
师范生自我鉴定
2014/03/20 职场文书
员工安全生产责任书
2014/07/22 职场文书
学雷锋志愿者活动方案
2014/08/21 职场文书
改革共识倡议书
2014/08/29 职场文书
2014年防汛工作总结
2014/12/08 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
python中取整数的几种方法
2021/11/07 Python