BOM 浏览器对象模型

1.window对象模型：（操作浏览器）

• 它既是ECMAScript规定的global对象，又是javascript访问浏览器窗口的一个接口
• 系统对话框：这些对话框有操作系统/浏览器设置决定，ｃｓｓ不起作用，所以浏览器很多时候需要自定义对话框，alert(),confim(),prompt()
• 移动窗口，调整窗口大小
• 导航和打开窗口
• 时序相关的函数（定时器）（由BOM实现，而非ECCMAScript实现）

所有全局变量都是window对象的属性，所有全局函数都是window对象的方法

        <script>
             //所有全局变量都是window对象的属性
             var name="张三";
             console.log(name);  //张三
             console.log(window.name);   //张三


             function demo(){
                 var age=25;   //局部变量，不属于ｗｉｎｄｏｗ对象的属性
                 console.log(age);
             }

            // console.log(age);   //报错，age is not defined
             console.log(window.age);   //undefined
              demo();       //25;

            //所有全局函数都是window对象的方法
            function fn(){
                console.log("Hello");
            }
            fn();  //Hello
            window.fn();  //Hello
        </script>

2.document对象：（操作页面元素）

• 每个载入浏览器的HTML文档都会成为Document对象，Document对象可以对HTML中所有元素进行访问，常用的操作有增，删，改，查
• document对象是window对象的一部分，可以通过window.document属性对其进行访问

通过window.document可以获取整个文档

• 常用的对象方法：

1. 用于控制页面跳转的方法：

１).open()－打开一个流以收集来自任何document.write(),或document.writeln()方法的输出；　

2).close()－关闭用document.open()打开的输出流，并显示选定的数据。

　　2.write()－向文档写入HTML表达式或Javascript代码

　　3.writeln()－等同于write()方法，不同在于每个表达式之后写一个换行符；

　　4.getElementById()

          getElementByName()

          getElementByTagName()