javaScript的相关知识点概念总结

本文总结了JavaScript中的对象类型,包括内建、宿主和自定义对象,并详细介绍了对象的创建、属性操作。此外,重点讲解了DOM文档对象模型,包括DOM的基本概念、节点类型及其操作,如获取和修改元素节点、文本节点、属性节点。同时,文章还涵盖了元素的样式操作、属性和方法,以及JavaScript获取和设置元素样式的技巧。
摘要由CSDN通过智能技术生成

javaScript的相关知识点概念总结

  1.  对象主要分为内建对象,宿主对象,自定义对象三大类型。

  *内建对象:由ES标准中定义的对象,在任何ES的实现中都可以使用

                                       eg:Math String Number Boolean Function Object..

*宿主对象:由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象

                                     - 比如:BOM(浏览器对象模型)  DOM(文档对象模型)

                                       例如 我们常用的console.log() 就是DOM 中的对象

*自定义对象: 由咱们开发人员自己定义的对象

2.创建对象

 使用new关键字调用的函数,是构造函数constructor

            构造函数是专门用来创建对象的函数

 在对象中保存的值称为属性

                   向对象添加属性的语法: ①对象.属性名=属性值 ② 对象["属性名"]=属性值

                     读取对象属性的语法: ①对象.属性名 ②对象["属性名"]
注意:如果对象中没有的属性,不会出现报错现象而是返回undefined

1./为对象添加属性

obj.name="zhangsan";

         obj.age=21;

         obj.tel="13894558732";

         console.log(obj);

2.//获取对象中的属性值

console.log(obj.tel);

console.log(obj.adress);

         console.log(obj["name"]);

3.//修改对象的属性值

obj.age=22;

4.//删除对象的属性

delete obj.tel;

console.log(obj);

3. 对象字面量

(1)创建一个对象

  var obj=new Object();

(2)使用对象字面量来创建一个对象

  var obj={};(使用对象字面量,可以在创建对象时,直接指定对象中的属性

         语法:{属性名1:属性值1,属性名2:属性值2,...}

         对象字面量的属性名可以加引号,也可以不加,建议不加

         如果要使用一些特殊的属性名,则必须加上引号

        

         属性名与属性值是一组键值对结构,

         键与值之间用":"冒号连接,对个键值对之间使用","逗号隔开

         如果一个属性之后没有其他的属性了,就不要写","逗号)

4.基本数据类型与引用数据类型

①基本数据类型:String Number Boolean Null Undefined

②引用数据类型:Object

③JS中的变量都是保存在栈内存中的

                   基本数据类型的值直接在栈内存中存储

                   值与值之间是独立存在的,修改一个变量不会影响到其他的变量

对象是保存在堆内存中的,每创建一个新的对象,就会在堆内存中开辟新的空间。而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,当其中一个通过变量修改属性时,另外一个也会受到影响。

5_JavaScript_DOM文档对象模型:

      //宿主对象:DOM对象 BOM对象

6.JavaScript_DOM文档对象模型

         什么是DOM?

                   - DOM,全称Document Object Model文档对象模型

                   - JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的

                        操作WEB页面。

         文档

                   - 文档表示的就是整个的HTML网页文档

         对象

                   - 对象表示将网页中的每一个部分都转换为了一个对象

         模型

                   - 使用模型来表示对象之间的关系,这样方便我们获取对象

         节点:

                   - 节点Node,是构成我们网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点

                   - 比如:html标签、属性、文本、注释、整个文档等都是一个节点

                   - 虽然都是节点,但是实际上他们的具体类型是不同的

                   - 比如:标签我们称为元素节点、属性称为属性节点、文本称为文本节点、文档称为文档节点

                   - 节点的类型不同,属性和方法也都不尽相同。

        

         节点:Node——构成HTML文档最基本的单元。

         常用节点分为四类

                   – 文档节点:整个HTML文档

                   – 元素节点:HTML文档中的HTML标签

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值