1. 程式人生 > 實用技巧 >JavaScript 28 彈出框

JavaScript 28 彈出框

瀏覽器上常見的彈出框有
警告框,確認框,提示框 這些都是通過呼叫window的方法實現的。

比如警告框用的是window.alert("警告內容"),因為很常用,所以就把window省略掉,直接使用alert

示例1:

警告框

警告框 alert,常用於訊息提示,比如註冊成功等等

<script>
function register(){
   alert("註冊成功");
}
</script>
  
<br>
<button onclick="register()">註冊</button>

示例2:

確認框

確認框 confirm,常用於危險性操作的確認提示。 比如刪除一條記錄的時候,彈出確認框

confirm返回基本型別的Boolean true或者false

<script>
function del(){
var d = confirm("是否要刪除");
alert(typeof d + " " + d);
}
</script>
  
<br>
<button onclick="del()">刪除</button>

示例3:

輸入框

輸入框 prompt,用於彈出一個輸入框,供使用者輸入相關資訊。 因為彈出的介面並不好看,很有可能和網站的風格不一致,所以很少會在實際工作中用到。

<script>
function
p(){ var name = prompt("請輸入使用者名稱:"); alert("您輸入的使用者名稱是:" + name); } </script> <br> <button onclick="p()">請輸入使用者名稱</button>