溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“javascript有哪些對話框”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“javascript有哪些對話框”吧!
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有哪些對話框”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
