JvavScript入门

4.对象类型
4.1对象简介
补充:
1.对象:客观存在的并且可以互相区别的事物 eg:一个同学 一本书 页面上的命令按钮 复选框
​2.描述一个对象
​ 属性-----外观,长相
​ 方法-----行为模式-----干什么
​ 事件-----单击,双击
​ 3.对象有三个基本特征:封装、继承和多态
对象类型可以理解为JAVA中的引用数据类型
JavaScript是面向对象的语言,但并不是人们常说的纯粹的面向对象的语言,因为它不支持某些特征
4.2 创建对象
三种方式:
·使用objectJvavScript入门_第1张图片
JvavScript入门_第2张图片·使用构造函数,模拟类的定义,相当于自定义了一个类型JvavScript入门_第3张图片
·使用JSON格式定义对象,一般只在JSON对象中定义属性JvavScript入门_第4张图片
JvavScript入门_第5张图片
六、 DOM操作

  1. DOM简介
    Document Object Model文档对象模型
    浏览器加载html文档时,会将html文档解析为一个树形结构,称为DOM树
    ·HTML文档和DOM树节点是——对应的关系
    ·当DOM树被改变时,与之对应的HTML文档会随之改变
    ·当需要对HTML中内容进行动态改变时,可以使用DOM来进行操作
    ·DOM提供了一组用来操作html文档的API,即提供了一套属性、方法和事件
    ·树上的每个节点都量一个DOM对象,树的顶层为documen对象,表示整个文档
  2. 查询操作
    即获取DOM对象
    JvavScript入门_第6张图片
    3. 访问操作
    3.1 访问属性
    即获取/设置DOM对象的属性
    DOM对象的属性和HTML标签的属性几乎是一样的,一般情况下DOM对象都会存在一个与应对的HTML标签同名的属性
    用法:DOM对象、属性
    3.2 访问内容
    即获取/设置标签中的内容
    两种方式:
    ·使用innerHTML
    用法:DOM对象.innerHTML即内容解析为HTM
    ·使用innertText
    用法:DOM对象.innertText将内容作为纯文本
    3.3 访问CSS
    即获取/设置CSS样式
    两种方式:
    ·使用style属性
    用法:DOM对象.style.样式属性
    如果CSS属性中有短横线-.需要在访问时去掉短横线,然后将其后的单词首字改为大写
    ·使用className属性
    用法:DOM对象.classNameJvavScript入门_第7张图片

你可能感兴趣的:(JvavScript入门)