案例实现alert()、prompt()、confirm()、print()、close、open()功能【close()】使用layer.close("index")关闭特定按钮的弹出框
发布时间: 2024-03-19 19:03:44 阅读量: 34 订阅数: 30
layer.alert回调函数执行关闭弹窗的实例
# 1. 引言
- 1.1 JavaScript弹出框简介
- 1.2 目的与意义
- 1.3 概述实现的功能
# 2. alert()、prompt()、confirm()、print()的功能使用
- **2.1 实现alert()方法的调用与使用**
JavaScript中的`alert()`方法通常用于向用户显示一条警告框,提示信息给用户。下面是一个简单的使用示例:
```javascript
// 弹出一个警告框
alert("这是一个警告信息!");
```
**代码解析:**
- `alert()`方法弹出一个包含指定消息和“确定”按钮的警告框。
- 用户只能点击“确定”按钮来关闭警告框。
**结果说明:**
- 运行以上代码会弹出一个警告框,显示文本“这是一个警告信息!”。
- 用户可以点击“确定”按钮来关闭警告框。
- **2.2 prompt()方法的输入框示例**
`prompt()`方法用于显示一个对话框,有提示消息和输入框供用户输入。以下示例演示了如何使用`prompt()`方法:
```javascript
// 弹出一个输入框
let userInput = prompt("请输入您的姓名:", "张三");
if (userInput !== null) {
alert("您输入的姓名是:" + userInput);
} else {
alert("您取消了输入!");
}
```
**代码解析:**
- `prompt()`方法弹出一个包含提示消息和输入框的对话框,第二个参数为输入框默认值。
- 用户可以输入内容后点击“确定”按钮,或点击“取消”按钮关闭对话框。
**结果说明:**
- 运行以上代码会弹出一个含有文本输入框的对话框,提示输入姓名。
- 用户输入姓名后点击“确定”,将显示输入的姓名;点击“取消”,将弹出相应提示信息。
- **2.3 使用confirm()方法进行用户确认**
`confirm()`方法用于显示一个带有确定和取消按钮的对话框,通常用于确认用户的操作。下面是一个简单的示例:
```javascript
// 弹出一个确认框
let confirmResult = confirm("您确认要删除这条记录吗?");
if (confirmResult) {
alert("记录已删除!");
} else {
alert("取消删除操作!");
}
```
**代码解析:**
- `confirm()`方法弹出一个包含确定和取消按钮的对话框,用户点击按钮后返回`true`或`false`。
- 如果用户点击确定,则返回`true`;如果用户点击取消,则返回`false`。
**结果说明:**
- 运行以上代码会弹出一个包含“确定”和“取消”按钮的对话框,提示用户是否删除记录。
- 用户点击“确定”后将显示“记录已删除!”;点击“取消”将显示“取消删除操作!”。
# 3. op
0
0