BOM概述、BOM-Window_弹出方法、打开关闭方法、定时器方法

BOM概述

BOM概念：Browser  Object  Model   浏览器对象模型

　　　　　　将浏览器的各个组成部分封装成对象

组成：window：窗口对象

　　    Navigator：浏览器对象

           Screen：显示器屏幕对象

    　　History：历史记录对象

 　　   Location：地址栏对象

BOM-Window_弹出方法  打开关闭方法  定时器方法

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Window对象</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()    关闭浏览器窗口。
                         谁调用我 ，我关谁
                    open()    打开一个新的浏览器窗口
                         返回新的Window对象
                 3. 与定时器有关的方式
                    setTimeout()    在指定的毫秒数后调用函数或计算表达式。
                         参数：
                            1. js代码或者方法对象
                            2. 毫秒值
                         返回值：唯一标识，用于取消定时器
                    clearTimeout()    取消由 setTimeout() 方法设置的 timeout。

                    setInterval()    按照指定的周期（以毫秒计）来调用函数或计算表达式。
                    clearInterval()    取消由 setInterval() 设置的 timeout。

            3. 属性：
                1. 获取其他BOM对象：
                    history
                    location
                    Navigator
                    Screen:
                2. 获取DOM对象
                    document
            4. 特点
                 Window对象不需要创建可以直接使用 window使用。 window.方法名();
                 window引用可以省略。  方法名();

     */

    //页面弹窗
    /*alert("hello window");

    //页面弹窗
    window.alert("hello a")*/
    /*
     //确认框
     var flag = confirm("您确定要退出吗？");

     //if判断
     if(flag) {

         //退出操作  页面弹窗
         alert("欢迎再次光临！");
     }else{
         //提示：手别抖...   弹窗
         alert("手别抖...");
     }*/

    /*

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

           //页面弹窗
           alert(result);
    */
    /* //打开新窗口
     var openBtn = document.getElementById("openBtn");

     //定义值
     var newWindow;

     //打开窗口的方法
     openBtn.onclick = function() {
         //打开新窗口
         newWindow = open("https://www.baidu.com");
     }

     //关闭新窗口
     var closeBtn = document.getElementById("closeBtn");

     //关闭窗口的方法
     closeBtn.onclick = function() {
        // 关闭新窗口
         newWindow.close();
     }*/

    //一次性定时器
    // setTimeout("fun();",2000);

    // 调用方法，两秒后
    var id = setTimeout(fun,2000);

    //取消定时器
    // clearTimeout(id);

     //定义的方法
     function fun(){

         //页面弹窗
         alert('boom~~');
     }


     //循环定时器
     var id = setInterval(fun,2000);

     //取消定时器
     //clearInterval(id);
    
</script>
</body>
</html>
复制代码

 

posted @   漁夫  阅读(49)  评论(0)  编辑  收藏  举报
相关博文：
· 案例_轮播图、BOM_Window属性
· DOM-概述、DOM_Document对象_创建DOM对象、DOM_Node对象
· BOM概述和BOM_概述和BOM_window弹出方法
· BOM_概述和Window窗口对象
· BOM概述和BOM_Window_方法_弹出方法
阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示