BOM_Window弹出方法和打开关闭方法

BOM_Window弹出方法

Window：窗口对象
　　1.创建
　　2.方法
　　　　1.与弹出框有关的方法
　　　　　　alert()：显示带有一段信息和一个确定按钮的警告框
　　　　　　confirm():显示带有一段信息以及确定按钮和取消按钮的对话框
　　　　　　　　返回值：
　　　　　　　　　　确定：返回true
　　　　　　　　　　取消：返回false
　　　　　　prompt()：显示可提示用户输入的对话框
　　　　　　　　返回值：获取用户输入的值
　　3.属性

　　4.特点
　　　　Window对象不需要创建可以直接使用 Window使用：window.方法名();
　　　　window引用可以省略 方法名()：

    <script>
        /*
            Window：窗口对象
                1.创建
                2.方法
                    1.与弹出框有关的方法
                        alert()：显示带有一段信息和一个确定按钮的警告框
                        confirm():显示带有一段信息以及确定按钮和取消按钮的对话框
                            返回值：
                                确定：返回true
                                取消：返回false
                        prompt()：显示可提示用户输入的对话框
                            返回值：获取用户输入的值
                    3.属性

                    4.特点
                        Window对象不需要创建可以直接使用 Window使用：window.方法名();
                        window引用可以省略  方法名()：
         */
        //警告框
        alert("hello window");
        window.alert("hello a");

        //显示带有确定框的对话框
        let flag = confirm("您确定要退出嘛");
        if (flag){
            //退出
            alert("欢迎下次光临")
        }else{
            //进入
            alert("正在进入页面")
        }

        //输入框
        var result =prompt("请输入用户名");
        alert(result);

    </script>

 

 

 

BOM_Window_打开关闭方法

2.与打开和关闭有关的方法
　　close()：关闭浏览器窗口
　　　　谁调用close,close就关闭谁
　　open()：打开一个新浏览器窗口
　　　　返回新的Window对象

<body>
    <input id="openBId" type="button" value="打开新窗口">
    <input id="closeBId" type="button" value="关闭窗口" >
    <script>
        /*
            Window：窗口对象
                1.创建
                2.方法
                    1.与弹出框有关的方法
                        alert()：显示带有一段信息和一个确定按钮的警告框
                        confirm():显示带有一段信息以及确定按钮和取消按钮的对话框
                            返回值：
                                确定：返回true
                                取消：返回false
                        prompt()：显示可提示用户输入的对话框
                            返回值：获取用户输入的值
                    2.与打开和关闭有关的方法
                        close()：关闭浏览器窗口
                            谁调用close,close就关闭谁
                        open()：打开一个新浏览器窗口
                            返回新的Window对象
                    3.属性

                    4.特点
                        Window对象不需要创建可以直接使用 Window使用：window.方法名();
                        window引用可以省略  方法名()：
         */

        //打开一个新窗口
        let openBId = document.getElementById("openBId");
        //定义一个变量用来关闭 open()方法打开的新窗口
        var newWindow;
        openBId.onclick = function () {
            newWindow = open("https://www.baidu.com");
        }
        //关闭窗口
        let closeBId = document.getElementById("closeBId");
        closeBId.onclick = function () {
            newWindow.close();
        }
    </script>
</body>

 

posted @ 2022-11-18 14:31  monkey大佬  阅读(83)  评论(0)    收藏  举报