用JS实现提示对话框,确认对话框,输入对话框。
时间: 2024-02-24 14:53:24 浏览: 94
好的,以下是用 JS 实现提示对话框、确认对话框和输入对话框的代码:
提示对话框:
```javascript
function showAlert(message) {
alert(message);
}
```
确认对话框:
```javascript
function showConfirm(message) {
return confirm(message);
}
```
输入对话框:
```javascript
function showPrompt(message) {
return prompt(message);
}
```
以上代码中,`alert()` 函数用于显示提示对话框,`confirm()` 函数用于显示确认对话框,`prompt()` 函数用于显示输入对话框。这些函数都是浏览器内置的函数,可以直接调用使用。其中,`confirm()` 函数和 `prompt()` 函数会返回用户的选择或输入内容,可以通过函数的返回值获取。
相关问题
用js实现提示对话框,确认对话框,输入对话框 代码
以下是用 JavaScript 实现提示对话框、确认对话框、输入对话框的代码:
提示对话框:
```javascript
alert("这是一个提示对话框");
```
确认对话框:
```javascript
if (confirm("这是一个确认对话框,您确定要继续吗?")) {
// 用户点击了确认按钮
console.log("用户点击了确认按钮");
} else {
// 用户点击了取消按钮
console.log("用户点击了取消按钮");
}
```
输入对话框:
```javascript
const result = prompt("这是一个输入对话框,请输入您的姓名:");
if (result) {
console.log(`您输入的姓名是:${result}`);
} else {
console.log("您取消了输入");
}
```
以上代码可以在浏览器的控制台中执行,也可以在 HTML 页面中使用 `onclick` 等事件触发执行。
用JS实现提示对话框,确认对话框,输入对话框。html文件
好的,以下是一个包含提示对话框、确认对话框和输入对话框的 HTML 文件示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>对话框示例</title>
</head>
<body>
<h1>对话框示例</h1>
<button onclick="showAlert('这是一个提示对话框')">显示提示对话框</button>
<button onclick="showConfirm('这是一个确认对话框')">显示确认对话框</button>
<button onclick="showPrompt('请输入您的姓名')">显示输入对话框</button>
<script>
function showAlert(message) {
alert(message);
}
function showConfirm(message) {
return confirm(message);
}
function showPrompt(message) {
return prompt(message);
}
</script>
</body>
</html>
```
在这个 HTML 文件中,有三个按钮分别用于显示提示对话框、确认对话框和输入对话框。当用户点击按钮时,会调用对应的 JavaScript 函数来显示对话框。其中,`alert()` 函数用于显示提示对话框,`confirm()` 函数用于显示确认对话框,`prompt()` 函数用于显示输入对话框。