JavaScript对象

一.JS对象

1.JavaScript是面向对象的语言，可以创建一个对象，并添加属性和方法，示例：

创建对象

    可以发现，创建一个student对象，并不需要事先声明一个student类，直接new一个object类并往里面添加属性，在这里需要强调的是，添加的方法时，可以看成对象的一个属性是方法，这样便于理解和记忆。

2.注意事项

        （1）方法的形式要记住。

        （2）在方法里访问属性时，不能省略 this ！！！

        （3）console.log()与Java里面的System.out.print()类似，可以直接输出一个对象。

打印一个对象

打印输出

二.JS自定义类型

1. Javascript里也可以先定义一个类型，然后再使用，但是，通常不需要这么做（当水平很高的时候，需要给别人写一个工具类的时候，可能会用到）示例：

实例

2.注意事项

        （1）访问自身属性和方法时，this不能省略。

        （2）方法末尾也要加分号。

三.浏览器对象BOM

1.什么是浏览器对象BOM？    

 BOM，Brower Object Model，浏览对象模型。即浏览器自带的一些全局对象，使用它们可以在JS代码里操作浏览器。

2.常用的BOM对象包括：

    window：当前窗口对象

    screen：屏幕对象

    history：访问历史

    location：地址栏

    localStorage：本地储存

    sessionStorage：会话级储存

3.实例：控制浏览器跳转

示例：跳转

示例：获取屏幕大小

可以发现，location和console都没有创建的对象，其实，location是BOM含有的全局对象，而console不是标准的BOM的对象，是谷歌浏览器含有的特有对象。

4.window

所有的全局对象和方法（global）都属于window对象，例如：

    var a = 10；

相当于

    window.a = 10;

function test(){...};

相当于

window.test = function(){...};

四.文档对象DOM

1.什么是文档对象DOM？

    DOM，DOcument Object Model，文档对象模型。

    当浏览器加载HTML后，下的所有元素对象构成一个树状结构，每个节点都可以操作。

DOM

    通过DOM创建的这个表示文档的树形图，开发人员获得了控制页面内容的和结构的主动权。借助DOM提供的API，可以轻松自如地删除、添加、替换或修改任何节点。

2.演示，在代码中修改元素的内容，示例：

示例

DOM里所有元素都可以在document中找到，进而可以操作这些元素。document对象也是挂在window对象下面的。