javascript有幾個對話框
- 青灯夜游原創
- 2021-06-17 14:08:002888瀏覽
javascript有3個對話框：1、警告框，用於向使用者顯示警告訊息，語法「alert("警告訊息");」；2、確認框，語法「confirm("需要確認的訊息");」；3、提示框，語法「prompt("提示訊息","預設文字");」。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript使用3種對話框：警告框，確認框與提示框；分別對應三個函數：alert()、confirm()、prompt()。這些對話框對於使我們的網站看起來更具吸引力非常有幫助。
警告框：alert()
網站中的警告框用於向使用者顯示警告訊息，說明他們輸入了錯誤的值，不是填寫該位置所需的值。儘管如此，警報框仍然可以用於更友善的訊息。警報框只提供一個按鈕「確定」來選擇並繼續。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function Warning() {
alert("警告，危险！");
}
</script>
</head>
<body>
<p>点击按钮</p>
<form>
<input type="button" value="点击这里" onclick="Warning();" />
</form>
</body>
</html>效果圖：
#確認方塊：confirm()
如果您希望使用者驗證或接受某些內容，通常會使用確認框。當確認框彈出時，使用者必須按一下「確定」或「取消」才能繼續。如果使用者按一下「確定」按鈕，window方法confirm()將傳回true。如果使用者按一下「取消」按鈕，則confirm()傳回false並顯示null。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body,input,p{
font-size: 25px;
}
</style>
<script type="text/javascript">
function Confirmation(){
var Val = confirm("你想继续吗?");
if( Val == true ){
document.write ("继续!");
return true;
}
else{
document.write ("不继续!");
return false;
}
}
</script>
</head>
<body>
<p>点击按钮</p>
<form>
<input type="button" value="点击这里" onclick="Confirmation();" />
</form>
</body>
</html>效果圖：
#提示方塊：prompt()
如果希望使用者在輸入頁面之前輸入一個值，通常會使用一個提示框。當彈出提示框時，使用者必須按一下「確定」或「取消」才能繼續輸入值。如果使用者按一下「確定」按鈕，window方法prompt()將從文字方塊傳回輸入的值。如果使用者點選「取消」按鈕，window方法prompt()將會傳回null。
範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body,input,p{
font-size: 25px;
}
</style>
<script type="text/javascript">
function Value(){
var Val = prompt("输入你的姓名：", "name");
document.write("你输入的是： " + Val);
}
</script>
</head>
<body>
<p>点击按钮</p>
<form>
<input type="button" value="点击这里" onclick="Value();" />
</form>
</body>
</html>效果圖：
#更多程式相關知識，請造訪：程式設計影片 ！ ！
以上是javascript有幾個對話框的詳細內容。更多資訊請關注PHP中文網其他相關文章！