alert（），confirm（），prompt（）三種彈框的區別
JS中有三種彈框，主要是window的方法來實現與用戶交互。
下面我們看一下他們的具體樣子和區別
1.alert（）警告框
主要是通過彈出一句話來提示用戶。用戶只能點擊確認。
形式爲：alert（“文本”）或者alert（變量）。
無返回值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
alert("123");
</script>
</body>
</html>
2.confirm（）確認框
主要用來提醒用戶以及確定一下是否繼續該操作。
形式：confirm(“文本”)
返回布爾值（若用戶點擊確認，則返回true，若點擊取消，則返回false）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
var a = confirm("是否要繼續操作?");
console.log(a);
</script>
</body>
</html>
3.prompt（）提示框
用戶需要輸入某個值點擊確認或者取消之後才能繼續操作。
形式：prompt（“文本值”，“默認值”）
返回文本輸入域的值或者null（若點擊取消，則返回null，若點擊確認，則返回用戶輸入的值或者默認值）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
var a = prompt("請輸入密碼","123456");
console.log(a);
</script>
</body>
</html>
分爲下面四種情況
- 直接點擊確認，返回默認值
![在這裏插入圖片描述]()
- 輸入之後再確認，返回用戶輸入的值
![在這裏插入圖片描述]()
- 若直接點擊取消，則返回null
![在這裏插入圖片描述]()
- 輸入之後再點擊取消，則返回null
![在這裏插入圖片描述]()
