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 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
js实现禁止中文输入的方法
Jan 14 Javascript
使用mouse事件实现简单的鼠标经过特效
Jan 30 Javascript
JavaScript函数柯里化详解
Apr 29 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
javascript 中null和undefined区分和比较
Apr 19 Javascript
Vue通过input筛选数据
Oct 26 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
js构造函数创建对象是否加new问题
Jan 22 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
Feb 09 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
Jul 01 Javascript
JavaScript async/await原理及实例解析
Dec 02 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
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
如何在HTML 中嵌入 PHP 代码
2015/05/13 PHP
利用PHP如何实现Socket服务器
2015/09/23 PHP
php图片裁剪函数
2018/10/31 PHP
SWFObject Flash js调用类
2008/07/08 Javascript
javascript 文档的编码问题解决
2009/03/01 Javascript
Javascript Select操作大集合
2009/05/26 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
Python splitlines使用技巧
2008/09/06 Python
Python将DataFrame的某一列作为index的方法
2018/04/08 Python
用python实现刷点击率的示例代码
2019/02/21 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
pandas.cut具体使用总结
2019/06/24 Python
Python使用指定字符长度切分数据示例
2019/12/05 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2016/01/06 面试题
民主评议政风行风整改方案
2014/09/17 职场文书
财务会计实训报告
2014/11/05 职场文书
2014年技术员工作总结
2014/11/18 职场文书
爸爸的三轮车观后感
2015/06/16 职场文书
小学语文教学反思范文
2016/03/03 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python
Go语言并发编程 sync.Once
2021/10/16 Golang