JavascriptJavaScript

JavaScript对象

2018-08-30  本文已影响316人  薛定谔的猫狗

一.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后,<body>下的所有元素对象构成一个树状结构,每个节点都可以操作。

DOM

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

2.演示,在代码中修改<id = “website">元素的内容,示例:

示例

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

上一篇下一篇

猜你喜欢

热点阅读