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>

 

原文地址：http://www.cnblogs.com/yuzong/p/16825406.html

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 2. 分享目的仅供大家学习和交流，请务用于商业用途! 3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！ 4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 5. 如有链接无法下载、失效或广告，请联系管理员处理！ 6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！ 7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！ 8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载 声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性