JavaScript中的 弹出窗口

JavaScript中的对话框、弹出框、提示框

• 前端页面

DOCTYPE html>

    
        
        Title
    
    
        alert
        confirm
        prompt
        window
        
            //弹出对话框并输出一段提示信息
            function alertFun() {
                alert("提示信息！");     //弹出一个对话框
            }
            //弹出一个询问框，有确定和取消按钮
            function confirmFun() {
                //利用对话框返回的值 （true 或者 false）
                if (confirm("你确定提交吗？")) {
                    alert("点击了提交")
                } else {
                    alert("点击了取消");
                }
            }
            //弹出一个输入框，输入一段文字，可以提交
            function promptFun() {
                var name = prompt("请输入您的名字", "默认名字"); //将输入的内容赋给变量 name ，
                //这里需要注意的是，prompt有两个参数，前面是提示的话，后面是当对话框出来后，在对话框里的默认值
                if (name){//如果返回的有内容
                    alert("欢迎您：" + name)
                }
            }
            function windFun() {
        		window.open('https://www.baidu.com', 'newwindow', 'height=300, width=900, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no');
    		}
        
    

• 效果