溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
JavaScript中常用的彈出框有warn()警示框、confirm()確認彈出框以及prompt()提示框
在我們使用JavaScript的過程中有三種重要類型的彈出框可以幫助我們判斷事件，這些對話框可用于發出警報，或者對任何輸入進行確認或從用戶那里獲得一種輸入，接下來在文章中將為大家詳細介紹這三種對話框的用法。
警報彈出框
警報對話框主要用于向用戶發出警告消息，比如我們需要輸入字段時但是沒有輸入，這是我們可以使用警告對話框發出警告信息
警報框只提供一個“確定”按鈕來提示信息讓用戶確定并繼續
例
<body>
<script type="text/javascript">
function Warn() {
var user=document.getElementById("user").value;
if(user==""){
alert ("用戶名不能為空");
}
}
</script>
</head>
<body>
<form>
用戶名：<input type="txt" id="user">
<input type="button" value="確認" onclick="Warn();" />
</form>當輸入正確形式的用戶名時
未輸入用戶名時
確認彈出框
確認對話框主要是用于征得用戶對選項的同意，它顯示一個有帶兩個按鈕的對話框：取消和確認
如果用戶單擊“確定”按鈕，則窗口方法confirm（）將返回true。如果用戶單擊“取消”按鈕，則confirm（）返回false
例：
<script type="text/javascript">
function getConfirmation(){
var result= confirm("你想繼續登陸嗎");
if( result== true ){
return true;
}
else{
return false;
}
}
</script>
</head>
<body>
<form>
用戶名：<input type="txt" id="user">
<input type="button" value="確定" onclick="getConfirmation();" />
</form>效果圖如下：
提示彈出框
當想要彈出文本框以獲取用戶輸入時，提示對話框非常有用。因為它能使我們與用戶進行交互。用戶需要填寫該字段，然后單擊“確定”
此對話框使用prompt（）的方法顯示，該方法有兩個參數：
（1）要在文本框中顯示的標簽和
（2）要在文本框中顯示的默認字符串。
當用戶單擊“確定”按鈕，則窗口方法提示符（）將從文本框中返回輸入的值，如果用戶單擊“取消”按鈕，則窗口方法prompt（）將返回null。
例：
<script type="text/javascript">
function getValue(){
var result = prompt("請輸入用戶名 : ", "username");
document.write("你輸入的是 : " + result);
}
</script>
</head>
<body>
<form>
<input type="button" value="點擊" onclick="getValue();" />
</form>結果如下：
輸入內容后：
以上就是JavaScript中常用的幾種彈出框的詳細內容，更多請關注億速云其它相關文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
