JavaScript-BOM顶级对象open-close方法-确认框：confirm

javaScript 分为三块：

ECMAScript：

DOM ：document Object Model (D-文档-O-对象-M-模型) DOM树，操作网页上面的节点，每一个节点有自己的id, 对节点进行增删改，就是DOM编程

var domObj=document.getElenmentById("id")

BOM ：BOM:关闭浏览器窗口，打开一个新的浏览器窗口，前进，后退，刷新，浏览器搜索都是BOM编程 B-指浏览器

DOM和BOM区别：

BOM顶级对象是window; DOM顶级对象是document；联系：BOM包含DOM！

1、onclick =‘ window.open('http://www.baidu.com','_blank')’

_self 开启自己
_blank 开启新窗口
_parent 开启父窗口
_top    开启顶级窗口

2、onclick=‘window.close()’

3、输出：onclick=‘window.alert( )’

4、确认弹框：onclick='window.confirm("确认删除数据吗？")'

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>BOM编程-open和close</title>
    </head>
    <body>
        <script type="text/javascript">
            
        </script>

        <input type="button" value="开启百度新窗口" onclick="window.open('http://www.baidu.com')"/>
        <input type="button" value="开启百度当前窗口" onclick="window.open('http://www.baidu.com','_self')"/>
        <input type="button" value="开启百度新窗口" onclick="window.open('http://www.baidu.com','_blank')"/>
        <input type="button" value="开启百度父窗口" onclick="window.open('http://www.baidu.com','_parent')"/>
        <input type="button" value="开启百度顶级窗口" onclick="window.open('http://www.baidu.com','_top')"/>
        
        <input type="button" value="打开表单验证" onclick="window.open('002-open.html')"/>
        <!--close()方法关闭当前窗口-->        
        <input type="button" value="关闭当前窗口" onclick="window.close()"/>
        
    </body>
</html>
执行效果如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>弹出消息框和确认框</title>
    </head>
    <body>
        <script type="text/javascript">
            function del(){
               if(window.confirm("确认删除数据吗？")){
                   alert("delete data...")
               }
            }
        </script>
        
    </body>
    <input type="button" value="弹出消息框" onclick="window.alert('消息框！')"/>
    <!--删除操作的时候都要提前得到用户的确认-->
    <input type="button" value="删除" onclick="del()"/>
</html>