三種提示框
- alert ()
- confirm()
- prompt ()
alert ()
alert()方法是顯示一條彈出提示訊息和確認按鈕的警告框，
需要注意的是 ：alert()是一個阻塞的函式，如果我們不點確認按鈕，后面的內容就不會加載出來，
使用方式：
alert("想要提示的文本內容")
樣例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
alert("這是彈出框提示文本")
</script>
<title></title>
</head>
<body>
<p>alert是阻塞的函式</p>
<p>這句話只有在確認彈出框的提示文本后才會顯示</p>
</body>
</html>
效果截圖：
confirm()
confirm()方法是顯示一個含有指定訊息和確認和取消按鈕的確認框，
如果點擊"確定"回傳true，否則回傳false，
使用方式：
不接識訓傳值：
confirm("這樣寫可以直接顯示,不接識訓傳值，")
接識訓傳值：
var x;
var r=confirm("請按下按鈕!");
if (r==true){
x="你按下的是\"確定\"按鈕，";
}
else{
x="你按下的是\"取消\"按鈕，";
}
document.write(x)
樣例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
// 使用方式一
confirm("這樣寫可以直接顯示,不接識訓傳值，")
// 使用方式二
var x;
var r=confirm("請按下按鈕!");
if (r==true){
x="你按下的是\"確定\"按鈕，";
}
else{
x="你按下的是\"取消\"按鈕，";
}
document.write(x)
</script>
<title></title>
</head>
<body>
</body>
</html>
效果截圖：
prompt ()
prompt()方法是顯示提示用戶進行輸入的對話框，
這個方法回傳的是用戶輸入的字串，
使用方式：
不顯示默認文本：
prompt("開心嗎?"); // 這個顯示內容也可以不寫，但就沒有互動的意義了，
顯示默認文本：
var x;
var name=prompt("請輸入你的名字","Keafmd");
if (name!=null && person!=""){
x="你好! " + name + "，";
document.write(x)
}
樣例代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
//方式一
prompt("開心嗎?"); // 這個顯示內容也可以不寫，但就沒有互動的意義了，
//方式二
var x;
var name=prompt("請輸入你的名字","Keafmd"); //顯示默認文本 "Keafmd"
if (name!=null && name!=""){
x="你好! " + name + "，";
document.write(x)
}
</script>
<title></title>
</head>
<body>
</body>
</html>
效果截圖：
寫作不易，讀完如果對你有幫助，感謝點贊支持！
如果你是電腦端，看見右下角的“一鍵三連”了嗎，沒錯點它[哈哈]
加油！
共同努力！
Keafmd
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/210125.html
標籤：其他