JavaScrip笔记简单整理（Bom、Dom、事件）

一、Bom

概念：Browser Object Model 浏览器对象模型，将浏览器的各个组成部分封装成对象

1、window：窗口对象

创建：直接调用，不需要创建（window.方法名（）），可以省略，直接使用方法名

方法：

        1、与弹出框相关

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

                confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框（确认返回true，取消返回false）

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

        2、打开关闭

                open（）：打开一个新的浏览器窗口，返回新的Window对象

                close（）：关闭调用其的窗口

        3、定时器

                setTimeout() 在指定的毫秒数后调用函数或计算表达式

                clearTimeout() 取消由 setTimeout() 方法设置的 timeout

                setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式

                clearInterval() 取消由 setInterval() 设置的 timeout

//轮播图案例
 function fun() {
        number++;
        if (number > 3) {
            number = 1;
        }
         //获取img对象
        var img = document.getElementById("img");
        img.src = "banner_" + number + ".jpg";
    }

    //定义定时器
    setInterval(fun, 500);

 

2、Navigator：浏览器对象

代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器

3、 Screen：显示器屏幕对象

代表用户的屏幕的信息，通过该对象可以获取到用户的显示器的相关的信息

4、History：历史记录对象

        创建：window.history或history

        方法：

                 back()    加载 history 列表中的前一个 URL

                 forward()    加载 history 列表中的下一个 URL

                 go(参数)   加载 history 列表中的某个具体页面（参数正数代表前进，参数负数代表回退）

 //获取按钮
    var forward = document.getElementById(&#