JS组成的三部分

学习一门编程语言的步骤:
1.了解的背景知识:历史,现状,特点,应用场景
2.搭建开发环境,编写hello world
3.变量和常量
4.数据类型
5.运算符
6.逻辑结构
7.通用的小程序
8.函数和对象
9.第三方的库和框架
10.个人项目

1) ECMAScript(ES3 / ES6~9)定义了JS语法规范

2) DOM:document object model (文档对象模型):提供对应属性和方法,可以让JS操作页面中的DOM元素->简单理解为操作页面中的HTML标签

3) BOM(浏览器对象模型):提供操作浏览器的属性和方法

注意:当代项目开发,一般都是基于Vue/React完成的,基于这两个框架,我们已经不去操作DOM了,我们操作数据,由框架本身帮助我们完成DOM操作

获取DOM元素:

document.getElementById([ID]) 基于元素的ID获取到这个元素

document.body 获取页面中的body元素

document.getElementByTagName([标签名]) 根据标签名获取到页面中(指定容器中)所有的元素标签集合

注意:

1.基于JS获取到的DOM元素是"对象数据类型"值,里面包含很多浏览器自带的,用来操作元素的键值对;

2.对象也就是堆内存,在这个堆中存储了很多内置的键值对

3.style本身也是一个对象(堆)

拓展!!!

修改盒子中文字颜色样式的三种写法,哪一种可以?

        第一种

        let box = document.getElementById('box');

        box.style.color = 'red';

        底层原理: 

        第二种

        let boxSty = box.style;//获取的是style对应的对象

        boxSty.color = 'red';

        第三种

        let text = box.style.color;//获取的是color初始值' ',基本类型值直接存在栈内存中

        text = 'red';

       底层原理: