网站建设资讯

NEWS

网站建设资讯

JavaScript有什么弹出框

这篇文章将为大家详细讲解有关JavaScript有什么弹出框,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

澧县网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作,到程序开发,运营维护。创新互联自2013年创立以来到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

JavaScript弹出框有:1、警告框,只有一个按钮“确定”无返回值,常用于确保用户可以得到某些信息;2、确认框,有“确定”和“取消”两个按钮,返回true或false值,常用于使用户可以验证或者接受某些信息;3、提示框,返回输入的消息。

javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码。

今天小编就来简单介绍一下js中的三种弹出对话框,小编先单独对这几个方法进行详细讲解,接着,将这几个方法进行对比,好了,开始我们的js之旅吧`(*∩_∩*)′......

第一种:alert()方法

alert()方法是这三种对话框中最容易使用的一种,她可以用来简单而明了地将alert()括号内的文本信息显示在对话框中,我们将它称为警示对话框,要显示的信息放置在括号内,该对话框上包含一个“确认”按钮,用户阅读完所显示的信息后,只需单击该按钮就可以关闭对话框。下面来看一个使用alert()方法的例子,代码如下所示:



编写html页面
 //JavaScript脚本标注
alert("上联:山石岩下古木枯");//在页面上弹出上联
alert("下联:白水泉边少女妙");//在页面上弹出下联


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

JavaScript有什么弹出框

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

JavaScript有什么弹出框

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

a、在

显示效果如下:

JavaScript有什么弹出框

分析一下这个小例子:

a、在

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

a、在

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

JavaScript有什么弹出框

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

JavaScript有什么弹出框

我们再点击确定按钮:

JavaScript有什么弹出框

再点击确定按钮:

JavaScript有什么弹出框

分析一下这个小例子

a、在