js中有几种模态框_IT百科

三种。

1、alert框：用于显示一条警告信息并提示用户，用户只能点击确定按钮关闭它。alert框是JavaScript语言内置的函数，使用时可以直接调用alert(提示信息)来d出框。

2、confirm框：用户可以点击确认或取消按钮，通常用于需要用户二次确认的场景，如删除 *** 作。确认按钮值为true，取消按钮值为false。confirm框也是JavaScript语言内置的函数，使用时可以调用confirm(确认信息)来d出框。

3、prompt框：用户可以在对话框中输入文本并点击确认或取消按钮。通常用于需要用户输入文本的场景，如修改 *** 作。prompt框也是JavaScript语言内置的函数，使用时可以调用prompt(请输入信息)来d出框。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

2、在index.html中的<body>标签中，输入js代码：

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面，此时点击按钮d出了提示框。

自定义一个模式对话框可以用层来做：

首先做一个和页面总大小一样大的层（遮罩层），让它处在最上层，但开始的时候是隐藏的:

然后在自定义的模式对话框产生之前，让遮罩层显示，在js中这样写：

document.getElementById("div1").style.display=""

第三步开始写显示自定义的对话框代码，假设该对话框也是用一个层来实现的，这个层的id为moddialog，那么：

document.getElementById("moddialog").style.display=""

最后，记得在对话框被关闭之后要将遮罩层隐藏起来

document.getElementById("div1").style.display="none"

欢迎分享，转载请注明来源：内存溢出

js中有几种模态框