JS基础，JS函数对象以及JS操作DOM元素

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

---

一、javaScript是什么？

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

二、基础

1.书写位置：

行内
内嵌
外部

2. 什么是变量

变量就是一个装东西的盒子，通俗的来说，变量就是存放数据的容器。我们通过变量名获取数据，甚至可以修改数据

3. 数据类型

4.语句结构

1.JavaScript分支语句
由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果
2.JavaScript分支语句
if
if…else
switch
3，JavaScript循环语句
循环语句的作用是反复地执行同一段代码，只要给定的条件能得到满足，包括在循环条件语句里面的代码就会重复执行下去，一旦条件不再满足则终止
for
while
do…while

三.函数和对象

函数：
封装了一段可以被重复调用或者执行的代码块，通过这个代码块可以实现大量代码的重复使用，这就叫做函数

创建函数1

function 函数名([参数列表]) {
//函数体代码
}
function 是声明函数的关键字,必须小写
由于函数一般是为了实现某个功能才定义的， 所以通常我们将函数名命名为动词，比如 getSum

创建函数2

var 函数名 = function ([参数列表]) {
//函数体代码
}
因为函数没有名字，所以也被称为匿名函数
这个变量名里面存储的是一个函数
函数表达式方式原理跟声明变量方式是一致的

创建函数3

利用构造函数创建对象：
function 构造函数名([形参1,形参2,形参3]) {
this.属性名1 = 参数1;
this.属性名2 = 参数2;
this.属性名3 = 参数3;
this.方法名 = 函数体;
}
var obj=new 构造函数名（[实参1，实参2，实参3]）

访问对象的属性和方法

1.访问属性：
对象.属性名
对象[“属性名”]

2.访问方法：
对象.方法名()

JS操作DOM对象

    DOM （ Document Object Model ），叫做文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改html文档的内容和结构。

DOI的结构

链接

## DOM节点分类 DOM （ Document Object Model ），叫做文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改html文档的内容和结构。  ## DOM的作用 通过可编程的对象模型 JavaScript 能够创建动态的 HTML节点 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应

DOM查询元素方法

DOM元素的其他方法