2021-01-19

变量和字符串进行拼接

1.把要替换的成变量的字符删除
2.俩引号中间加俩加号
3.加号中间放变量

操作元素的属性

获取标签的属性值：元素.属性名
设置标签的属性值：元素.属性名 = ‘值’
class的特殊性
获取标签的属性值：元素.className
设置标签的属性值：元素.className = ‘值’

操作元素的样式

获取元素的属性值：元素.style.样式名
设置元素的属性值：元素.style.样式名 = 值

如果想要一次设置多个样式
获取元素的属性值：元素.style.cassText
设置元素的属性值：元素.style.cassTest = ‘样式名：值；样式名：值；’

中括号操作符 元素【变量】

中括号 []
获取： 元素[‘属性名’]
元素[变量]
例如：div[‘width’]
2.var v = 10px
div[v]

数据类型

js中的数据类型分为两大类
1.基本的数据类型
Number数字类型（整数 小数 进制 NaN）
String 字符串类型
Boolean 布尔类型
Null 空指针，空对象
undefind 未定义，未初始化

2.复杂数据类型（复合数据类型，引用数据类型）
Object （对象类型）{}
Array （数组类型）【1，2，3】
Function（函数） function 函数名（）{}

typeof 操作符

作用，用来检测数据类型
使用方式
typeof 检测的数据
typeof （检测的数据）

Number类型（整数，小数，进制，NaN)

var 你= 10
console.log(n,typeof n）
如果是以0开头，并且后面的数字不大于8，就是8进制
如果是以0x开头的就是十六进制
0.1+0.2！=0.3
因为计算机计算的计算结果后面带有小数比0.3大
不涉及计算机进行计算才能按照平时的计算来

var n = 10
console.log（num.toString（2））；
num.toString（）不给进制值2，8，10，16等值会默认成10进制的字符串

当计算的结果不是一个数字的时候就是NaN,但是他是属于Number类型

isNaN用来检测数据
isNaN：是不是不是一个数字

String类型

什么叫字符串？
用单引号或者双引号引起来的叫字符串
字符串是有长度的—下标，从0开始

获取字符串的长度（个数）
字符串.length
最后一个字符获取：字符串.length-1
获取对应下标的字符
字符串.charAt（下标）

Boolean 布尔类型（掌握）

Boolean true 和false（通常用作判断）
js中的假：
‘ ‘ false 0 null undefined

Boolean 在进行运算的时候 true 会转换成1，false为0

null和undefined

区别：null表示空指针，空对象
undefined 表示变量没有赋值，未定义，未初始化

typeof的返回值

console.log(typeof 10) //number
console.log(typeof ‘10’) //String
console.log(typeof true) //boolean
console.log(typeof null) //object
console.log(typeof undefined) //undefined

object类型

对象的组成：属性和方法（函数）----对象内可以存储任意js数据类型的值

对象 {key：value}
key是属性名，也是键
value是属性值 ，也是值
键值成对的形式
对象是没有顺序的
属性名可以加引号，也可以不加

var biaomei = { age ：18，
skill：function（）{
console.log（’吃‘）
}
console.log（biaomei.age）
biaomei.skill（）

给空对象添加属性和方法

var odiv = {
}
odiv.name = 18

数组类型

数组类型 【】 可以存储js任意数据类型
字符串有长度也有下标
数组头长度也有下标

函数

定义函数（使用关键词）
function 函数名 （）{}
调用函数：函数名（）
作用：
1.完成特定功能
2.可以进行功能代码复用，函数如果不调用是不会执行的