javascript中如何弹出对话框

JS是javascript的简称,它是一种直译式的脚本语言,其解释器被称为javascript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。

javascript弹出对话框的实现方法:1,通过警报()方法设置对话框;2,通过确认()方法设置对话框;3,通过提示()方法设置提示框。

本文操作环境:windows7多系统,javascript1.8.5版,戴尔G3电脑。

javascript中的三种弹出对话框

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

& lt; html> 　　& lt; head> 　　& lt; title>编写html页面& lt;/title> 　　& lt; script 语言=癹avascript"祝辞,//JavaScript脚本标注 　　alert(“上联:山石岩下古木枯“);//在页面上弹出上联 　　alert(“下联:白水泉边少女妙“);//在页面上弹出下联 　　& lt;/script> 　　& lt;/head> 　　& lt;/html>

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

,,,,

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

,,,,

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

,,,,,在& lt; script>脚本块中两次调用警报()方法;

,,,,b,在每个警报()括号内分别添加了一段文本信息,运行出现如下图所示的页面,当使用鼠标单击页面上的“确定”按钮后,出现第二个页面,再点击”确定”按钮后就关闭页面上的对话框。注意:两个对话框是分别显示的,而不是一个覆盖另一个,这是因为js实在执行完第一个警报()并等到用户点击”确认“按钮之后才去执行第二个警报()的.alert()是js的窗口对象的一个方法,调用时可以写成window.alert(),也可以写成警报(),功能都是产生一个带确认按钮的对话框,上面显示括号内的信息,

,,,<强>第二种:确认()方法

,,,确认()方法与警报()方法的使用十分类似,不同点是在该种对话框上除了包含一个“确认“按钮外,还有一个“取消”按钮,这种对话框称为确认对话框,在调用窗口对象的确认()方法以及后面介绍的提示()方法时也可以不写窗口。下面来看一个关于确认()的小例子,代码如下所示:,

& lt; html> 　　& lt; head> 　　& lt; title>编写html页面& lt;/title> 　　& lt; script 语言=癹avascript"祝辞,,//js脚本标注 　　确认(“上联:一但重泥拦子路;下联:两岸夫子笑颜回“),,//在页面上弹出确认对话框 　　& lt;/script> 　　& lt;/head> 　　& lt;/html>

javascript中如何弹出对话框