BOM 浏览器对象模型

1.window对象模型:(操作浏览器)

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

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

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


             function demo(){
                 var age=25;   //局部变量,不属于window对象的属性
                 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. 用于控制页面跳转的方法:

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

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

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

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

  4.getElementById()

          getElementByName()

          getElementByTagName()

原文地址:https://www.cnblogs.com/zhang-jiao/p/9565471.html