Breaking News

【JavaScript】三種常用的對話框



  
<html>
<head>
<title>三種常用的對話框</title>
<script type="text/javascript">
    function alertDialog() {
       alert("您成功執行了這個操作。");
    }
    function confirmDialog() {
       if(window.confirm("您確認要進行這個操作嗎?"))
           alert("您選擇了確定!");
       else
           alert("您選擇了取消");
    }
    function promptDialog() {
      var input = window.prompt("請輸入內容:");
      if(input !=null)
      {
          window.alert("您輸入的內容為"+input);
      }
    }
</script>
</head>
<body>
<form>
<input type="button" value="警告對話框" onclick="alertDialog()">
<input type="button" value="確認對話框" onclick="confirmDialog()">
<input type="button" value="輸入對話框" onclick="promptDialog()">
</form>
</body>
</html>



沒有留言