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的原型继承
Jul 25 Javascript
JavaScript避免代码的重复执行经验技巧分享
Apr 17 Javascript
javascript屏蔽右键代码
May 15 Javascript
JS根据年月获得当月天数的实现代码
Jul 03 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
Dec 23 Javascript
表单元素值获取方式js及java方式的简单实例
Oct 15 Javascript
three.js绘制地球、飞机与轨迹的效果示例
Feb 28 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
echarts实现折线图的拖拽效果
Dec 19 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 09 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
不用数据库的多用户文件自由上传投票系统(3)
2006/10/09 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
thinkPHP实现的联动菜单功能详解
2017/05/05 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
PHP分页显示的方法分析【附PHP通用分页类】
2018/05/10 PHP
零基础学JavaScript最新动画教程+iso光盘下载
2008/01/22 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
深入理解js generator数据类型
2016/08/16 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
Python生成不重复随机值的方法
2015/05/11 Python
Python编程pygal绘图实例之XY线
2017/12/09 Python
python在文本开头插入一行的实例
2018/05/02 Python
用django-allauth实现第三方登录的示例代码
2019/06/24 Python
对python while循环和双重循环的实例详解
2019/08/23 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
Windows10+anacond+GPU+pytorch安装详细过程
2020/03/24 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
考博专家推荐信模板
2013/12/02 职场文书
中专生职业生涯规划书范文
2013/12/29 职场文书
师范教师大学生职业生涯规划范文
2014/01/05 职场文书
学校组织向国旗敬礼活动方案(中小学适用)
2014/09/27 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
给朋友的道歉短信
2015/05/12 职场文书
总经理2015中秋节致辞
2015/07/29 职场文书
初一数学教学反思
2016/02/17 职场文书
多人股份制合作协议书
2016/03/19 职场文书
详解Redis集群搭建的三种方式
2021/05/31 Redis
JS前端轻量fabric.js系列之画布初始化
2022/08/05 Javascript