the heart of lucifer

前端常用的几种弹窗函数

1、alert(“”) 弹窗:提示

alert弹窗使我们写js时使用最多的一种弹窗,主要作为提示,一般我们经常用来测试js某段代码是否有没有出错。

例://弹出对话框并输出一段提示信息

function prompt() {

//弹出一个对话框

alert(“提示信息!”);

}

2、confirm(“”) 弹窗:判断是否进行某一个操作

confirm() 方法主要用于显示一个带有指定消息和 OK 及取消按钮的对话框。如用户点击确定按钮,则返回 true。如点击取消,则返回 false。在点击确定或取消按钮关闭之前,它将阻止用户对浏览器的所有输入。

例://弹出一个询问框,有确定和取消按钮

function firm() {

//利用对话框返回的值 (true 或者 false)

if (confirm(“你确定提交吗?”)) {

alert(“点击了确定”);

}

else {

alert(“点击了取消”);

}

}

3、prompt(“”) 弹窗:用于输入文本内容

prompt(“”) 弹窗方法用于显示可提示用户进行输入的对话框。如用户单击取消按钮,则返回 null。如单击确认按钮,则返回输入的文本。在点击确定或取消关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,在用户作出响应之前,不会执行下一条语句。

例://弹出一个输入框,输入一段文字,可以提交

function prom() {

var name = prompt(“请输入您的名字”, “”); //将输入的内容赋给变量 name ,

//这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值

if (name)//如果返回的有内容

{

alert(“欢迎您:” + name)

}

}

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注