js弹出框对话框提示框弹窗总结

Posted 2020-09-20

一、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” 博客，谢绝转载！