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

BOM_window弹出方法

 Window：窗口对象

　　1、创建

　　2、方法

　　　　1、与弹出框有关的方法

　　　　　　alert() 显示带有一段消息和一个确认按钮的警告框。

　　　　　　confirm()　显示带有一段信息以及确认按钮和取消按钮的对话框

　　　　　　　　如果用户点击确定按钮，则方法返回true

　　　　　　　　如果用户点击取消按钮，则方法返回false

　　　　　　prompt()    显示可提示用户输入的对话框

　　　　　　　　返回值：获取用户输入的值

　　3、属性

　　4、特点

　　　　1、Window对象不需要创建可以直接使用。window.方法名();

　　　　2、window引用可以省略，方法名();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /*
         Window：窗口对象
        　　1、创建
        　　2、方法
        　　　　1、与弹出框有关的方法
        　　　　　　alert() 显示带有一段消息和一个确认按钮的警告框。
        　　　　　　confirm() 显示带有一段信息以及确认按钮和取消按钮的对话框
        　　　　　　　　如果用户点击确定按钮，则方法返回true
        　　　　　　　　如果用户点击取消按钮，则方法返回false
        　　　　　　prompt() 显示可提示用户输入的对话框
        　　　　　　　　返回值：获取用户输入的值
        　　3、属性
        　　4、特点
        　　　　1、Window对象不需要创建可以直接使用。window.方法名();
        　　　　2、window引用可以省略，方法名();
         */
        alert("hello window");
        window.alert("hello win");

        var flag = confirm("确定取消");
        if (flag){
            alert("退出");
        }else {
            alert("继续");
        }

        //输出框
        var s = prompt("输入用户名");
        alert(s);
    </script>
</head>
<body>

</body>
</html>

 

BOM_window打开关闭方法

 

2、与打开关闭有关的方法
    close() 关闭浏览器窗口
        谁调用colse方法，就关谁
    open() 打开一个新的浏览器窗口
        返回新的window对象

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
    <input id="openBtn" type="button" value="打开窗口">
    <input id="closeBtn" type="button" value="关闭窗口">
<script>
    /*
     Window：窗口对象
    　　1、创建
    　　2、方法
    　　　　1、与弹出框有关的方法
    　　　　　　alert() 显示带有一段消息和一个确认按钮的警告框。
    　　　　　　confirm() 显示带有一段信息以及确认按钮和取消按钮的对话框
    　　　　　　　　如果用户点击确定按钮，则方法返回true
    　　　　　　　　如果用户点击取消按钮，则方法返回false
    　　　　　　prompt() 显示可提示用户输入的对话框
    　　　　　　　　返回值：获取用户输入的值
            2、与打开关闭有关的方法
                close() 关闭浏览器窗口
                    谁调用colse方法，就关谁
                open() 打开一个新的浏览器窗口
                    返回新的window对象
    　　3、属性
    　　4、特点
    　　　　1、Window对象不需要创建可以直接使用。window.方法名();
    　　　　2、window引用可以省略，方法名();
     */
    //打开新窗口
    var openBtn = document.getElementById("openBtn")
    var newWindow;
    openBtn.onclick = function () {
        //打开新窗口
        newWindow = open("http://www.baidu.com");
    }
    //关闭新窗口
    var closeBtn = document.getElementById("closeBtn")
    closeBtn.onclick = function () {///
        //关闭新窗口
        newWindow.close();
    }
</script>
</body>
</html>

 

 

 

posted @ 2022-08-03 14:08  xjw12345  阅读(91)  评论(0)    收藏  举报