欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

JavaScript中常用的幾種彈出框

JavaScript中常用的彈出框有warn()警示框、confirm()確認彈出框以及prompt()提示框

成都創(chuàng)新互聯(lián)公司2013年成立，先為河間等服務(wù)建站，河間等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為河間企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

在我們使用JavaScript的過程中有三種重要類型的彈出框可以幫助我們判斷事件，這些對話框可用于發(fā)出警報，或者對任何輸入進行確認或從用戶那里獲得一種輸入，接下來在文章中將為大家詳細介紹這三種對話框的用法。

JavaScript中常用的幾種彈出框

警報彈出框

警報對話框主要用于向用戶發(fā)出警告消息，比如我們需要輸入字段時但是沒有輸入，這是我們可以使用警告對話框發(fā)出警告信息

警報框只提供一個“確定”按鈕來提示信息讓用戶確定并繼續(xù)

例

<body>
      <script type="text/javascript">
          function Warn() {
          	var user=document.getElementById("user").value;
          	if(user==""){
               alert ("用戶名不能為空");
           }      
            }
       
      </script>
      
   </head>
   <body> 
      <form>
用戶名：<input type="txt" id="user">
         <input type="button" value="確認" onclick="Warn();" />
      </form>

當輸入正確形式的用戶名時

JavaScript中常用的幾種彈出框

未輸入用戶名時

JavaScript中常用的幾種彈出框

確認彈出框

確認對話框主要是用于征得用戶對選項的同意，它顯示一個有帶兩個按鈕的對話框：取消和確認

如果用戶單擊“確定”按鈕，則窗口方法confirm（）將返回true。如果用戶單擊“取消”按鈕，則confirm（）返回false

例：

 <script type="text/javascript">
   
            function getConfirmation(){
               var result= confirm("你想繼續(xù)登陸嗎");
               if( result== true ){
                  return true;
               }
               else{
                  return false;
               }
            }
 
      </script>
      
   </head>
   <body>
      
      <form>
      	用戶名：<input type="txt" id="user">
         <input type="button" value="確定" onclick="getConfirmation();" />
      </form>

效果圖如下：

JavaScript中常用的幾種彈出框

提示彈出框

當想要彈出文本框以獲取用戶輸入時，提示對話框非常有用。因為它能使我們與用戶進行交互。用戶需要填寫該字段，然后單擊“確定”

此對話框使用prompt（）的方法顯示，該方法有兩個參數(shù)：

（1）要在文本框中顯示的標簽和

（2）要在文本框中顯示的默認字符串。

當用戶單擊“確定”按鈕，則窗口方法提示符（）將從文本框中返回輸入的值，如果用戶單擊“取消”按鈕，則窗口方法prompt（）將返回null。

例：

<script type="text/javascript">
            function getValue(){
               var result = prompt("請輸入用戶名 : ", "username");
               document.write("你輸入的是 : " + result);
            }
      </script>
      
   </head>
   
   <body>
      <form>
         <input type="button" value="點擊" onclick="getValue();" />
      </form>

結(jié)果如下：

JavaScript中常用的幾種彈出框

輸入內(nèi)容后：

JavaScript中常用的幾種彈出框

以上就是JavaScript中常用的幾種彈出框的詳細內(nèi)容，更多請關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！

新聞標題：JavaScript中常用的幾種彈出框
URL鏈接：http://www.chinadenli.net/article8/joepip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、動態(tài)網(wǎng)站、定制開發(fā)、品牌網(wǎng)站設(shè)計、面包屑導航、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)