首页 > web前端 > js教程 > 正文

javascript怎么弹出对话框

藏色散人
发布: 2023-01-05 16:14:26
原创
8354 人浏览过

javascript弹出对话框的实现方法:1、通过alert()方法设置对话框;2、通过confirm()方法设置对话框;3、通过prompt()方法设置提示框。

javascript怎么弹出对话框

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript中的三种弹出对话框

        学习过js的小伙伴会发现,我们在一些实例中用到了alert()方法、prompt()方法、prompt()方法,他们都是在屏幕上弹出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性更精彩,实际上我们经常会在进行网页浏览时简单这种类型的对话框,在用户与应用程序进行双向交流时,经常要用到对话框。avascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码。今天小编就来简单介绍一下js中的三种弹出对话框,小编先单独对这几个方法进行详细讲解,接着,将这几个方法进行对比,好了,开始我们的js之旅吧`(*∩_∩*)′......
       第一种:alert()方法
       alert()方法是这三种对话框中最容易使用的一种,她可以用来简单而明了地将alert()括号内的文本信息显示在对话框中,我们将它称为警示对话框,要显示的信息放置在括号内,该对话框上包含一个“确认”按钮,用户阅读完所显示的信息后,只需单击该按钮就可以关闭对话框。
下面来看一个使用alert()方法的例子,代码如下所示:        



编写html页面


登录后复制

        执行上面的小例子,在页面上弹出对话框并显示一句话“上联:山石岩下古木枯”,如下所示:

        

        接着,单击“确认”按钮后再显示第二个对话框并显示“白水泉边少女妙!”,效果如下;

         

        在页面上弹出对话框并显示一句话“上联:山石岩下古木枯”,单击“确认”按钮后再显示第2个对话框并显示“白水泉边少女妙!”我们来分析一下这个小例子:

        a、在

登录后复制

       显示效果如下:

       

       分析一下这个小例子:
       a、在

登录后复制

       我们来分析一下这个小例子:

       a、在

登录后复制

       运行上面的程序,效果如下所示:

       

      点击确定,会有这么惊喜nie:

      

      我们再点击确定按钮:

      

      再点击确定按钮:

      

      分析一下这个小例子

       a、在

最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!