js中的三種彈出框

JavaScript中有三種彈出框:alert(),confirm()和prompt()。

1、alert()彈出一個警示框

使用alert,瀏覽器可以彈出一個警示框。alert()中可以填寫數字,填寫文本和字符的時候需要加引號,如alert(‘請確認周圍環(huán)境安全’),該消息框提供了一個“確定”按鈕讓用戶關閉該消息框,并且該消息框是模式對話框,也就是說,用戶必須先關閉該消息框然后才能繼續(xù)進行操作。

代碼:

<html>
<head>
<title>亦楓</title>
<script language="javascript"> //JavaScript腳本標注
alert("平仄平仄平平仄");//在頁面上彈出上聯
alert("仄平仄平仄仄平");//在頁面上彈出下聯
</script>
</head>
</html>

執(zhí)行上面的小例子,在頁面上彈出對話框并顯示一句話“平仄平仄平平仄”,接著,單擊“確認”按鈕后再顯示第二個對話框并顯示“仄平仄平仄仄平”。

效果:

2、confirm()確認框

使用confirm,瀏覽器可以彈出一個確認框。 使用確認消息框可向用戶問一個“是”或“否”問題,并且用戶可以選擇單擊“確定”按鈕或者單擊“取消”按鈕。confirm 方法的返回值為 true 或 false。該消息框也是模式對話框:用戶必須在響應該對話框(單擊一個按鈕)將其關閉后,才能進行下一步操作。

代碼:

<html>
<head>
<title>編寫html頁面</title>
<script language="javascript"> //js腳本標注
confirm("三人行,必有我?guī)熝伞?); //在頁面上彈出確認對話框
</script>
</head>
</html>

效果:

3、prompt()提示消息框

提示消息框提供了一個文本字段,用戶可以在此字段輸入一個答案來響應您的提示。該消息框有一個“確定”按鈕和一個“取消”按鈕。如果您提供了一個輔助字符串參數,則提示消息框將在文本字段顯示該輔助字符串作為默認響應。與alert( ) 和 confirm( ) 方法類似,prompt 方法也將顯示一個模式消息框,用戶在繼續(xù)操作之前必須先關閉該消息框 。點擊確認后,會返回您輸入的結果,可以通過一個變量接收后,進行判斷。

代碼:

<html>
<head>
<title>編寫html頁面</title>
<script language="javascript"> //js腳本標注
var name,age;
name=prompt("你瞅啥"); /*在頁面上彈出提示對話框,
將用戶輸入的結果賦給變量name*/
alert(name); //輸出用戶輸入的信息
age=prompt("你再瞅一眼試試","你敢試試嗎"); /*在頁面上再一次彈出提示對話框,
講用戶輸入的信息賦給變量age*/
alert(age)//輸出用戶輸入的信息
</script>
</head>
</html>

效果:

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容