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 相关文章推荐
jQuery 连续列表实现代码
Dec 21 Javascript
关于javascript中的typeof和instanceof介绍
Dec 04 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
js图片自动切换效果处理代码
May 07 Javascript
js 操作符汇总
Nov 08 Javascript
Bootstrap中CSS的使用方法
Feb 17 Javascript
javascript显示倒计时控制按钮的简单实现
Jun 07 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
详解Angular2学习笔记之Html属性绑定
Jan 03 Javascript
webpack4 + react 搭建多页面应用示例
Aug 03 Javascript
JS实现字体背景跑马灯
Jan 06 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 SQLite类
2009/05/07 PHP
JavaScript 处理Iframe自适应高度(同或不同域名下)
2013/03/29 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
2013/04/15 Javascript
Jquery性能优化详解
2014/05/15 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
再谈JavaScript线程
2015/07/10 Javascript
js如何准确获取当前页面url网址信息
2020/09/13 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
10个最优秀的Node.js MVC框架
2017/08/24 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
Vue组件和Route的生命周期实例详解
2018/02/10 Javascript
ionic grid(栅格)九宫格制作详解
2018/06/30 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
Javascript读写cookie的实例源码
2019/03/16 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
JS数据类型分类及常用判断方法
2020/11/19 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
简单理解Python中基于生成器的状态机
2015/04/13 Python
Python连接数据库学习之DB-API详解
2017/02/07 Python
python django事务transaction源码分析详解
2017/03/17 Python
python3实现磁盘空间监控
2018/06/21 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
python面试题小结附答案实例代码
2019/04/11 Python
详解python列表(list)的使用技巧及高级操作
2019/08/15 Python
区分python中的进程与线程
2020/08/13 Python
TensorFlow的环境配置与安装方法
2021/02/20 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
公司联欢晚会主持词
2014/03/22 职场文书
吃通javascript正则表达式
2021/04/21 Javascript
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers