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后,<body>下的所有元素对象构成一个树状结构,每个节点都可以操作。
DOM通过DOM创建的这个表示文档的树形图,开发人员获得了控制页面内容的和结构的主动权。借助DOM提供的API,可以轻松自如地删除、添加、替换或修改任何节点。
2.演示,在代码中修改<id = “website">元素的内容,示例:
示例DOM里所有元素都可以在document中找到,进而可以操作这些元素。document对象也是挂在window对象下面的。