一、JS的三種最常見的對話框

//====================== JS最常用三種彈出對話框 ========================  
  
    //彈出對話框並輸出一段提示信息  
    function ale() {  
        //彈出一個對話框  
        alert("提示信息！");  
  
    }  
  
    //彈出一個詢問框，有確定和取消按鈕  
    function firm() {  
        //利用對話框返回的值 （true 或者 false）  
        if (confirm("你確定提交嗎？")) {  
            alert("點擊了確定");  
        }  
        else {  
            alert("點擊了取消");  
        }  
  
    }  
  
    //彈出一個輸入框，輸入一段文字，可以提交  
    function prom() {  
        var name = prompt("請輸入您的名字", ""); //將輸入的內容賦給變量 name ，  
  
        //這裏需要註意的是，prompt有兩個參數，前面是提示的話，後面是當對話框出來後，在對話框裏的默認值  
        if (name)//如果返回的有內容  
        {  
            alert("歡迎您：" + name)  
        }  
  
    }

二、點擊按鈕時常用的6中提示框和操作

<!-----------按鈕提示框---------->  
<input type="button" name="btn2" id="btn2" value="刪除" onclick="return confirm(‘Yes/No‘););  
  
<!-----------按鈕提示框---------->   
<input type="button" name="btn2" id="btn2" value="提示" onclick="javaScript:alert(‘您確定要刪除嗎？‘);  
  
<!-----------提交按鈕---------->   
<input type="button" value="提交" onclick="javaScript:window.location.href=‘http://www.baidu.com‘;"/>  
  
<!-----------關閉按鈕---------->   
<input type="button" value="關閉" onclick="javaScript:window.close();">  
  
<!-----------返回並關閉連接---------->   
<a href="#" onclick="javascript:;window.opener.location.reload();window.close()">返回</a>  
javaScript:window.location.reload();//返回當前頁並刷新  
  
<!-----------返回上一級頁面---------->   
<input type="button" name="button" value="< 返回" onclick="javascript:history.go(-1)"/>

本文出自 “kangjunfei” 博客，謝絕轉載！

js彈出框、對話框、提示框、彈窗總結