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

BOM_Window_弹出方法

Window:窗口对象

  1.创建

  2.方法

    1.与弹出框有关的方法:

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

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

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

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

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

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

    2.打开关闭方法

    3.定时器方法

  3.属性

  4.特点:

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

    window引用可以省略。方法名();

    <script>
        alert("hello Window");
        window.alert("hello a");

        let flag = confirm("确定要退出吗?");
        if (flag){
            alert("欢迎下次光临!")
        }else {
            alert("手别抖...")
        }
        
        //输入框
        var result = prompt('请输入用户名');
        alert(result);
        
    </script>

confirm() 

prompt() 

 

BOM_Window_打开关闭方法

close() 关闭浏览器窗口

  谁调用我,我关谁

open() 打开一个新的浏览器窗口

   返回新的Window对象

<body>
    <input id="openBtn" type="button" value="打开窗口">
    <input id="closeBtn" type="button" value="关闭窗口">

    <!--打开和关闭-->
    <script>
        //打开窗口
        var openBen = document.getElementById("openBtn");
        var newWindow;
        openBen.onclick = function () {
            newWindow = open("http://www.baidu.com");
        }
        //关闭窗口
        var closeBtn = document.getElementById("closeBtn");
        closeBtn.onclick = function () {
            newWindow.close();
        }

    </script>
</body>

 

 

 

 

posted @ 2022-08-03 11:45  魔光领域  阅读(50)  评论(0编辑  收藏  举报