1、认识js
什么是js：
HTML：超文本标记语言（网页）--->页面的结构，段落，标题，图片
CSS：层叠样式表（美化）--->美化结构的，排列方式，放的位置
JavaScript：---> 页面的行为（点击按钮会发生什么事，轮播图，游戏。表单验证
，回到顶部，楼层，放大镜，tab切换，二级菜单，拖拽，瀑布流。。。）
JS的核心：
ECMAScipt：制定js语法标准, 我们后期写代码的规范
DOM：Doucment object model（文档对象模型），提供了一套操作文档的方法和属性
BOM：Browser object model（浏览器对象模型），提供了一套操作浏览器的方法和属性
2、js的基础语法
2.1 js代码的书写
JS的书写
行内式（极度不推荐）
a) a标签
<a href="javascript:js代码;"></a>
b) 非a标签（行为属性：点击，鼠标移入，）
如：<button 行为属性="js代码">按钮</button>
<button onclick="alert('hellowrold')">按钮</button>
内嵌式（不推荐）
a) script标签 标签内部书写js代码
<script>
js代码
</scrip>
b) script标签内部的代码，页面刷新就执行
c) script标签原则上可以写在html文档的任意位置，但是我们写在最底部
d) 可以书写多对script标签，代码按照从上向下的顺序依次执行
外链式（推荐）
a) script标签 标签内有一个src属性 标签内部书写js代码
b) 可以书写多对script标签，代码按照从上向下的顺序依次执行
c) 外部文件demo1.js，直接写js代码
2.2 js注释
注释：多行注释和单行注释
作用：对代码的解释说明
单行注释：ctrl+/
多行注释：alt+shift+A
2.3 js变量
如何定义变量：
a) 最常用的方式：
var x = 20000;//声明一个变量x，同时将20000赋值给x
var ： 声明变量用的（告诉计算机，x是一个新成员，变量x就可用了）
空格
x ： 变量名（类似类名，自己取的，不要瞎写）
= ： 赋值（将右边的值赋值给左边）将2000赋值给x
20000：代表x变量存储的值
b）其他方式
var x; //先声明一个变量
x = 20; // 用的时候再进行赋值
------------------------------
同时声明个变量，用的时候再赋值
var a,b,c;
a = 20;
b = 30;
c = 40;
--------------------------------
同时声明个变量，有的赋值，有的用的时候再赋值
var x = 10, y = 20 , z ;
z = 30;
---------------------
var x = 10, y = 20 , z = 40;
2.4 js的输出语法
- alert(内容)：
作用：彈出内容 - console.log(内容)
作用：在控制台打印内容 - document.write(内容)
作用：在页面输出
2.5 js的命名规则和规范
- 规则(规则是必须遵守的，不遵守就报错)
1. 组成部分：数字，字母，下划线_，美化符号$
2. 不能是数字开头
3. 不能是关键字和保留字（现在还不是关键字，后期可能会变成关键字）
4. 严格区分大小写
5.规范（约定俗成的需要大家共同的遵守）
6. 驼峰命名法 applePrice （从第二个单词开始，单词的首字母大写，第一个单词全部小写）
7. 见名识意(applePrice:苹果的价格)
name
age
sex
weight
height
8. 不推荐中文（支持中文）
2.6 js的数据类型以及类型转换
1. 数值类型（number）
一切数字都是数值类型（包括二进制，十进制，十六进制等）
NaN （not a number），一个非数字
2. 字符串类型（string）
被引号包裹的所有内容（可以是单引号也可以是双引号）
3. 布尔类型（boolean）
只有两个（ true 或者 false ） 4. null类型（null）
只有一个，就是 null ，表示空的意思
5. undefined类型（undefined）
只有一个，就是 undefined ，表示没有值的意思
2.7 数据类型：
两大类：
基本数据类型：
Number类型 数值类型
String类型 字符串类型
Boolean类型 布尔类型
null类型 空类型
undefined类型 未定义类型
引用数据类型：（了解）
Object
-
Number类型 数值类型
a) 整数
b) 小数
c) 10e5(科学计数法) 10*10的5次方
d) 十进制 八进制 十六进制 二进制
e) NaN(not a number)：不是数字 -
String类型 字符串类型
a) 单引号或者双引号引起来 “123” ‘abc’
b) 一段文本 -
Boolean类型 布尔类型
a) true ： 真，计算机会把true存储成1
b) false： 假，计算机会把false存储成0 -
undefined类型 未定义类型
a) 只声明，未赋值 var x;
b) 声明变量，可以赋值成undefined- null类型，空类型
var x = null;(后面讲)
- null类型，空类型
2.8 检测数据类型：
typeof 关键字来检测
语法：
typeof(要检测的值)
typeof 要检测的值
返回值(结果):
1. 哪种数据类型(number,string,undefined,object,boolean)
2. 以字符串的形式返回
2.9 数据类型的转换：
数据类型之间的转换，比如数字转成字符串，字符串转成布尔，布尔转成数字
其他数据类型转成数值:
- Number(变量)
可以把一个变量强制转换成数值类型
可以转换小数，会保留小数
可以转换布尔值
遇到不可转换的都会返回 NaN - parseInt(变量)
从第一位开始检查，是数字就转换，知道一个不是数字的内容
开头就不是数字，那么直接返回 NaN
不认识小数点，只能保留整数 - parseFloat(变量)
从第一位开始检查，是数字就转换，知道一个不是数字的内容
开头就不是数字，那么直接返回 NaN
认识一次小数点
其他数据类型转成字符串:
1. 变量.toString()
2. String(变量)
3. 使用加法运算 - 其他数据类型转成布尔
1. Boolean(变量) 在 js 中，只有 ‘’ 、 0 、 null 、 undefined 、 NaN ，这些是 false，其余都是 true