JavaScript中常用的几种弹出框

JavaScript中常用的弹出框有warn()警示框、confirm()确认弹出框以及prompt()提示框

成都创新互联公司2013年成立,先为河间等服务建站,河间等地企业,进行企业商务咨询服务。为河间企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

在我们使用JavaScript的过程中有三种重要类型的弹出框可以帮助我们判断事件,这些对话框可用于发出警报,或者对任何输入进行确认或从用户那里获得一种输入,接下来在文章中将为大家详细介绍这三种对话框的用法

JavaScript中常用的几种弹出框

警报弹出框

警报对话框主要用于向用户发出警告消息,比如我们需要输入字段时但是没有输入,这是我们可以使用警告对话框发出警告信息

警报框只提供一个“确定”按钮来提示信息让用户确定并继续


      
      
   
    
      
用户名:

当输入正确形式的用户名时

JavaScript中常用的几种弹出框

未输入用户名时

JavaScript中常用的几种弹出框

确认弹出框

确认对话框主要是用于征得用户对选项的同意,它显示一个有带两个按钮的对话框:取消和确认

如果用户单击“确定”按钮,则窗口方法confirm()将返回true。如果用户单击“取消”按钮,则confirm()返回false

例:

 
      
   
   
      
      
用户名:

效果图如下:

JavaScript中常用的几种弹出框

提示弹出框

当想要弹出文本框以获取用户输入时,提示对话框非常有用。因为它能使我们与用户进行交互。用户需要填写该字段,然后单击“确定”

此对话框使用prompt()的方法显示,该方法有两个参数:

(1)要在文本框中显示的标签和

(2)要在文本框中显示的默认字符串。

当用户单击“确定”按钮,则窗口方法提示符()将从文本框中返回输入的值,如果用户单击“取消”按钮,则窗口方法prompt()将返回null。

例:


      
   
   
   
      

结果如下:

JavaScript中常用的几种弹出框

输入内容后:

JavaScript中常用的几种弹出框

以上就是JavaScript中常用的几种弹出框的详细内容,更多请关注创新互联其它相关文章!


网页标题:JavaScript中常用的几种弹出框
分享网址:http://scyanting.com/article/joepip.html