1、java script
JavaScript用于网页和用户的交互的脚本语言
2、html引入js的方式
javascript代码必须放在script标签中，一旦加载，就会执行。
如果有多段Script代码，就会按照从上到下，顺序执行。
a.在html的内部引入
在body的最后一行
b.外部js
当JavaScript代码特别多时，并且都写在html里的时候，会显得比较复杂，难以维护。这时候将JavaScript代码剥离出来，单独放在一个文件中，在html中引用该文件即可。
创建外部js文件，在html内引入
3、控制台的输出
console.log(内容)；可在浏览器的控制台输出内容
4、js变量和数据类型
a.变量声明
var varName;
let varNmae;
b.变量赋值时确定变量类型
值的类型决定了变量的类型，并且可以改变。
基本的数据类型：
| 关键字 | 简介 |
|---|---|
| undefined | 声明了但是未赋值 |
| Boolean | 布尔 |
| Number | 数字 |
| String | 字符串 |
| var | 动态类型 |
| typeof | 变量类型判断 |
| null | 空/对象不存在 |
c.将字符串转化成数值类型
JavaScript分别提供内置函数parseInt()和parseFloat()，将字符串转化为数值
注意：如果被转化的字符串，同时含有数字和字符，那么parseInt会一直定位数字，直到出现非字符。所以“10abc”会被转化为10
d.将字符串转化成布尔类型
使用内置函数Boolean()转换为Boolean值
当转换字符串时：非空即为true；
当转化数字时：非0即为true；
当转换对象时：非null即为true；
5、js中的对象
JavaScript中的对象时有着属性和方法的一种特殊数据类型
常见的对象有数字Number，字符串String，日期Date，数组Array等。
a.数字对象
| 关键字 | 简介 |
|---|---|
| new Number | 创建一个数字对象 |
属性MIN_VALUE
属性MAX_VALUE | 最小值 最大值
方法toFixed | 返回一个数字的小数表达
方法valueOf | 返回一个数字对象的基本数字类型
创建一个数字对象：var x = new Number(123);
toFixed返回一个数字的小数表达：数字对象123通过toFixed(2) 保留两位小数:123.00
PI 通过toFixed(3) 保留三位小数:3.142
b.字符串对象
| 关键字 | 简介 |
|---|---|
| new String() | 创建字符串对象 |
| 属性 length | 字符串长度 |
| 方法 charAt charCodeAt | 返回指定位置的字符 |
| 方法 concat | 字符串拼接 |
| 方法 indexOf lastIndexOf | 子字符串出现的位置 |
| 方法 substring | 截取一段子字符串 |
| 方法 split | 根据分隔符，把字符串转换为数组 |
| 方法 replace | 替换子字符串 |
c.数组对象
| 关键字 | 简介 |
|---|---|
| new Array | 创建数组对象 |
| 属性 length | 数组长度 |
| for / for in | 遍历一个数组 |
| 方法 concat | 连接数组 |
| 方法 push pop | 分别在最后的位置插入数据和获取数据(获取后删除) |
| 方法 unshift shift | 分别在最开始的位置插入数据和获取数据(获取后删除) |
| 方法 splice | 删除和插入元素 |
int len = arr.length //获取数组的长度（数组中元素的数量）
arr.push(item); //尾部追加元素（自动扩展）
arr.splice(beginIndex,howManyToDelete,[item…])
//从beginIndex（inclusive）开始删除howManytoDelete个元素，并插入item…，如果howManytoDelete为0，则默认为插入操作；
如果item为空，则默认为删除操作
var peak=arr.pop() //获取并删除最后一个元素(类似于弹夹)
var top=arr.shift() //获取并删除第一个元素（类似于队列）
var str = arr.join(joinStr); //使用指定的joinStr将所有数组元素连成一个字符串
数组遍历：
遍历有两种方式
1.结合for循环，通过下标遍历
2.使用增强for in循环遍历
需要注意的是，在增强for in中，i是下标的意思。
for(i in x){ //for in 循环
p(x[i]);
}
1、使用普通的for循环遍历数组
for(i=0;i<x.length;i++){ //普通for循环
p(x[i]);
}
2、使用增强for循环遍历数组
for(i in x){ //for in 循环
p(x[i]);
}
d.日期对象
JavaScript使用Date对象表示日期
| 关键字 | 简介 |
|---|---|
| new Date | 创建日期对象 |
| getFullYear / getMonth / getDate | 年/月/日 |
| getHours / getMinutes / getSeconds / getMilliseconds | 时:分:秒:毫秒 |
| getDay | 一周的第几天 |
| getTime | 经历的毫秒数 |
| setFullYear / setMonth / setDate / setHours / setMinutes / setSeconds | 修改日期和时间 |
e.自定义对象
1、通过new Object()创建一个对象
2、通过new Object创建对象有个问题，就是每创建一个对象，都得重新定义属性和函数。这样代码的重用性不好
那么，采用另一种方式，通过function设计一种对象。 然后实例化它 。
这种思路很像Java里的设计一种类，但是 javascript没有类，只有对象，所以我们叫设计一种对象