Skip to content

Latest commit

 

History

History
89 lines (71 loc) · 2.84 KB

08-the-browser-object-model.md

File metadata and controls

89 lines (71 loc) · 2.84 KB

8 BOM

  • window对象
  • location对象
  • navigator对象
  • screen对象
  • history对象

window 对象

BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。

全局作用域

全局变量不能通过delete操作符删除,而直接在window对象上定义的属性可以。

<!DOCTYPE html>
<html>
<head>
    <title>Delete Operator Example</title>
</head>
<body>
    <p>Hello world!</p>
    <script type="text/javascript">

        var age = 29;
        window.color = "red";

        //throws an error in IE < 9, returns false in all other browsers
        delete window.age;

        //throws an error in IE < 9, returns true in all other browsers
        delete window.color;    //returns true

        alert(window.age);      //29
        alert(window.color);    //undefined

    </script>
</body>
</html>

窗口关系及框架

窗口位置

窗口大小

  • WindowSizeExample01.htm:虽然最终无法确定浏览器窗口本身大小,但却可以取得页面视口大小。

导航与打开窗口

间歇调用和超时调用

location对象

查询字符串参数

  • LocationExample01.htm:创建一个函数,用以解析查询字符串,然后返回包含所有参数的一个对象。

位置操作

navigator对象

检测插件