HTML5彈出對(duì)話框網(wǎng)頁(yè)代碼示例：
<!DOCTYPE html>
<html>
<head>
<title>彈出對(duì)話框網(wǎng)頁(yè)代碼示例</title>
</head>
<body>
<h1>彈出對(duì)話框</h1>
<button onclick="alert('歡迎使用彈出對(duì)話框！')">點(diǎn)我！</button>
<br/><br/>
<button onclick="myFunction()">自定義彈窗</button>
<script>
function myFunction() {
var txt;
var person = prompt("請(qǐng)輸入您的名字:", "張三");
if (person == null || person == "") {
txt = "用戶取消了輸入！";
} else {
txt = "歡迎 " + person + "!";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
<p id="demo"></p>
</body>
</html>代碼解釋：
<button onclick="alert('歡迎使用彈出對(duì)話框！')">點(diǎn)我！</button>這段代碼是一個(gè)簡(jiǎn)單的彈出窗口，點(diǎn)擊按鈕后會(huì)彈出一個(gè)提示框，內(nèi)容為“歡迎使用彈出對(duì)話框！”。<button onclick="myFunction()">自定義彈窗</button>
<script>
function myFunction() {
var txt;
var person = prompt("請(qǐng)輸入您的名字:", "張三");
if (person == null || person == "") {
txt = "用戶取消了輸入！";
} else {
txt = "歡迎 " + person + "!";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
<p id="demo"></p>這段代碼實(shí)現(xiàn)了一個(gè)自定義的彈出窗口，點(diǎn)擊按鈕后會(huì)彈出一個(gè)輸入框，要求輸入用戶名。如果用戶輸入了內(nèi)容，彈出窗口會(huì)顯示歡迎用戶的信息，否則會(huì)顯示“用戶取消了輸入！”信息。其中`prompt()`是一個(gè)內(nèi)置函數(shù)，用于彈出輸入框。`document.getElementById("demo").innerHTML = txt`用于動(dòng)態(tài)修改網(wǎng)頁(yè)中的元素，本例中用于在網(wǎng)頁(yè)中插入彈出窗口的文字內(nèi)容。