动力节点旗下在线教育品牌  |  咨询热线:400-8080-105 学Java全栈,上蛙课网
首页 > 文章

JavaScript常用的弹出对话框方式有几种

06-03 17:00 189浏览
举报 T字号
  • 大字
  • 中字
  • 小字

我们在玩手机的时候,会注意到,打开一些软件会弹出一些提示框,比如,打开腾讯视频,会有一个“有新版本啦!”的弹框出现,提示我们升级腾讯APP的版本;打开淘宝,会出现一个“天猫6.18消费券”的弹框,想要告诉我们马上6.18了,先抢券再决定买什么等。弹框不仅出现在我们的手机上,同时也出现在电脑的使用过程中,还有一些其他项目系统的使用过程中,那么这些弹框是怎么出现的呢,在java开发过程中,我们怎么进行设置呢,接下来我们一起看一下JavaScript中常用的弹出对话框方式吧。

第一种是alert()方法,也是最简单的一种,直接把想弹出的信息写在alter()括号中就可以了,这种对话框被称为警示对话框,alter()包含了一个“确认”的按钮,如果用户阅读完了所显示的信息,直接点击“确认”就可以关闭alter()对话框了,直接使用alter()这个方法就可以完成对话框的提示信息了。alter()方法使用的代码是:

<script language="javascript"> //JavaScript脚本标注

alert("JavaScript第一种弹出对话框的方式");//在页面上弹出的内容。

</script>

第二种是confirm()方法,confirm()方法和alter()方法的使用有一些类似,它不仅包含“确定”按钮,还包含“取消”按钮,这种对话框被称为确认对话框,confirm()方法调用的是window对象,但是呢,window对象可以不必写出来。confirm()方法使用的代码是:

<script language="javascript"> //JavaScript脚本标注

confirm("JavaScript第二种弹出对话框的方式");//在页面上弹出的内容。

</script>

第三种是prompt()方法,它可以做到前两种方法都不能实现的功能,不仅让自己显示已有的信息,也可以让用户输入自己的信息,而且还提供了一个文本框要求用户使用键盘输入自己的信息,也包含了“确认”和“取消”的两个按钮,点击“确认”,prompt()方法返回用户在文本框输入的内容,点击”取消“,prompt()方法就会返回null,我们称prompt()对话框为提示框。它的使用代码是:

<script language="javascript"> //JavaScript脚本标注

var name;

name=prompt(“你喜欢JavaScript第三种弹出对话框吗?”);/*在页面上弹出提示对话框,将用户输入的结果赋给变量name*/

alter(name);

</script>

以上就是今天为大家介绍的JavaScript常用的弹出对话框方式,希望大家使用的顺手。

 

0人推荐
共同学习,写下你的评论
0条评论
蛙课资讯
官方自媒体蛙课资讯

172篇文章贡献491043字

作者相关文章更多>

推荐相关文章更多>

蛙课网手机站正确的打开姿势~!

蛙课资讯07-11 17:20

【福利】来蛙课网,免费学Java全栈技术--已经结束

蛙课资讯09-04 15:27

Java面试前的突击要准备些什么

蛙课资讯06-12 17:09

Java开发招聘为什么有年龄的要求

蛙课资讯06-17 17:37

检测自己是否达到了java入门水平

蛙课资讯06-12 17:07

发评论

举报

0/150

取消