JavaScript 28 彈出框
阿新 • • 發佈:2020-07-24
瀏覽器上常見的彈出框有
警告框,確認框,提示框 這些都是通過呼叫window的方法實現的。
比如警告框用的是window.alert("警告內容"),因為很常用,所以就把window省略掉,直接使用alert
示例1:
警告框
警告框 alert,常用於訊息提示,比如註冊成功等等
<script> function register(){ alert("註冊成功"); } </script> <br> <button onclick="register()">註冊</button>
示例2:
確認框
確認框 confirm,常用於危險性操作的確認提示。 比如刪除一條記錄的時候,彈出確認框
<script> function del(){ var d = confirm("是否要刪除"); alert(typeof d + " " + d); } </script> <br> <button onclick="del()">刪除</button>
示例3:
輸入框
輸入框 prompt,用於彈出一個輸入框,供使用者輸入相關資訊。 因為彈出的介面並不好看,很有可能和網站的風格不一致,所以很少會在實際工作中用到。
<script> functionp(){ var name = prompt("請輸入使用者名稱:"); alert("您輸入的使用者名稱是:" + name); } </script> <br> <button onclick="p()">請輸入使用者名稱</button>