<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<script>
js提供的瀏覽器彈窗
//1. alert:在瀏覽器彈出一個提示框 (提供確定按鈕,點(diǎn)擊確定 彈框消失)
// alert([12,23]);//12,23
// alert({name:'11'}) //[object Object]
//使用alert彈窗提示信息,提示的內(nèi)容最后都會轉(zhuǎn)化成字符串輸出(調(diào)用了toString 方法)
// alert(1+1); //=> "2"
-
confirm :在alert 基礎(chǔ)上增加了讓用戶選擇性的操作(提供兩個按鈕 :確定 和 取消)
var zhufengFlag=confirm('are you sure delete this?');
alert(zhufengFlag)
// 當(dāng)用戶點(diǎn)擊確定按鈕的時候,我們接收到的是true,點(diǎn)擊的是取消按鈕時, 我們接收到的結(jié)果是FALSE,此后 我們可以根據(jù)接收到的結(jié)果做不同的處理即可
3.prompt : 在confirm基礎(chǔ)上增加讓用戶輸入的效果
// var flag= prompt('are you sure delete this?');
//用戶點(diǎn)擊取消按鈕,我們獲取到的結(jié)果是 null,如果用戶點(diǎn)擊的是確定按鈕,我們將會獲取到用戶輸入的內(nèi)容,如果用戶沒有輸入內(nèi)容,獲取的結(jié)果是空字符串
// alert(flag)
真實(shí)項目中,尤其是需要樣式精美的網(wǎng)站中,我們的提示框一般都是自己封裝插件和組件來實(shí)現(xiàn)的,不會用內(nèi)置的 (使用原生js封裝模態(tài)組件)
</script>
<body>
</body>
</html>