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 相关文章推荐
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
jquery eval解析JSON中的注意点介绍
Aug 23 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
Sep 22 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
浅析JavaScript访问对象属性和方法及区别
Nov 16 Javascript
jQuery form插件之formDdata参数校验表单及验证后提交
Jan 23 Javascript
ES6中Generator与异步操作实例分析
Mar 31 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
JS实现页面数据懒加载
Feb 13 Javascript
vue打包npm run build时候界面报错的解决
Aug 13 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之第九天
2006/10/09 PHP
PHP中两个float(浮点数)比较实例分析
2015/09/27 PHP
php+ajax实现商品对比功能示例
2019/04/13 PHP
Javascript Math对象
2009/08/13 Javascript
文字不间断滚动(上下左右)实例代码
2013/04/21 Javascript
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
关于 angularJS的一些用法
2017/11/29 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
vue下axios拦截器token刷新机制的实例代码
2020/01/17 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
对python中的logger模块全面讲解
2018/04/28 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
python3 读取Excel表格中的数据
2018/10/16 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
Python中一些深不见底的“坑”
2019/06/12 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
基于Django框架的权限组件rbac实例讲解
2019/08/31 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
使用sklearn的cross_val_score进行交叉验证实例
2020/02/28 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
俄罗斯的精英皮具:Wittchen
2018/01/29 全球购物
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
五四演讲稿范文
2014/09/03 职场文书
七一建党节演讲稿
2014/09/11 职场文书
道歉的话语大全
2015/05/12 职场文书