<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<input type="button" value="显示警告框" onclick="myalert()" />
<br><hr>
<button onclick="myconfirm()">点击按钮显示确认框</button>
<p id="demo"></p>
<br><hr>
<button onclick="myprompt()">点击按钮查看输入的对话框</button>
<p id="demoo"></p>
</body>
<script>
//鼠标点击按钮执行函数
//页面显示的是==>>你好
//我是一个警告框!
function myalert() {
alert("你好\n我是一个警告框!");
} //弹出一个警告框
// 鼠标点击按钮执行函数
//点击取消,页面显示你按下了"取消"按钮!
//页面显示的是==>>弹出一个确认框
function myconfirm() {
var x;
var r = confirm("按下按钮!"); //弹出一个确认框
if (r == true) {
x = '你按下了"确定"按钮!';
} //点击确认,页面显示你按下了"确定"按钮!
else {
x = '你按下了"取消"按钮!';
}
document.getElementById("demo").innerHTML = x;
}
//点击确认之后页面显示==>你好 Harry Potter! 今天感觉如何?
function myprompt() {
var x;
var person = prompt("请输入你的名字", "Harry Potter"); //弹出一个提示框
if (person != null && person != "") {
x = "你好 " + person + "! 今天感觉如何?"; //判断
document.getElementById("demoo").innerHTML = x;
}
}
</script>
</html>
运行结果