在HTML中，我们可以使用JavaScript的alert()函数来制作弹出对话框。alert()函数是JavaScript中的一个内置函数，用于显示带有一条消息和一个OK按钮的警告框。
以下是一个简单的示例：
<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，将弹出一个对话框：</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
alert("你点击了按钮！");
}
</script>
</body>
</html>
在这个示例中，我们首先创建了一个按钮，然后使用onclick属性为该按钮添加了一个事件处理器，当用户点击该按钮时，将调用名为myFunction()的JavaScript函数。
在myFunction()函数中，我们使用alert()函数来显示一个带有消息"你点击了按钮！"的警告框，当用户点击警告框中的OK按钮时，警告框将关闭。
除了alert()函数外，还有其他一些JavaScript函数可以用于创建弹出对话框，例如confirm()和prompt()函数，这些函数的使用方式与alert()函数类似，但它们提供了更多的选项和功能。
1、confirm()函数：confirm()函数用于显示带有一条消息、一个确定按钮和一个取消按钮的确认框，它返回一个布尔值，表示用户是否单击了确定按钮，如果用户单击确定按钮，则返回true；如果用户单击取消按钮，则返回false。
2、prompt()函数：prompt()函数用于显示带有一条消息、一个文本输入框和一个确定按钮的提示框，用户可以在文本输入框中输入文本，然后单击确定按钮以关闭提示框。prompt()函数返回用户在文本输入框中输入的文本。
下面是一个使用confirm()函数的示例：
<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，将弹出一个确认对话框：</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
var result = confirm("你确定要继续吗？");
if (result == true) {
alert("你点击了确定按钮！");
} else {
alert("你点击了取消按钮！");
}
}
</script>
</body>
</html>
在这个示例中，我们使用confirm()函数显示一个确认对话框，询问用户是否确定要继续，根据用户单击的按钮，我们将显示不同的消息。
下面是一个使用prompt()函数的示例：
<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，将弹出一个提示对话框：</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction() {
var name = prompt("请输入你的名字：", "张三");
if (name != null) {
alert("你好，" + name + "！");
} else {
alert("你没有输入名字！");
}
}
</script>
</body>
</html>
在这个示例中，我们使用prompt()函数显示一个提示对话框，要求用户输入他们的名字，根据用户输入的名字，我们将显示不同的消息。
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/203492.html
微信扫一扫 