一、今日学习内容
1、JavaScript介绍--了解
概念：JavaScript简称js，是一门强大的编程语言，只要用于网页交互效果
2、js入门---重点
js实现步骤
1、引入js---四种方式
2、输入内容---三种输出方式
2.1js的四种引入方式--重点
1、分类
1）内嵌式（内部式）--重点
2）外联式（外链式）--重点
3）html标签的事件属性引入--了解
4）a标签href引入--了解
2、细节说明
1）内嵌式（内部式）--重点
概念：通过一对script标签来引入的，可以是网页中任何位置
语法：<script>js代码</script>
2）外联式（外链式）--重点
概念：通过在外部创建一个xxx.js文件，在js文件中直接写js代码，在通过srcipt标签的src属性引入
语法：
1、创建js文件
2、在网页人位置进行引入
3）html标签的事件属性引入--了解
概念：主要通过所有标签都有的事件属性来进行引入js的方式
说明:事件属性有很多，onlink，表示鼠标单击左键的事件
4）a标签href引入--了解
a标签：超链接，主要用于跳转到href属性设置链接地址
概念：通过a标签的href属性来执行一段代码
四中引入方式的区别：
1）内部式于外联式
1）内部式：只针对当前引入的网页效果，--测试或者演示
2）外联式：可以被多次使用，中需要引入--实际开发中使用最多
2）四种之间的区别
1）内嵌方式中的js只能在当前html文件中使用
2）外来是的js文件可以被多个html页面使用
3）标签事件属性，只有通过触发条件去触发才会执行里面的js代码
4）a标签本身就是超链接，指定JavaScript协议，点击这个超链接标签，就会告诉浏览器，这里需要执行一段js代码，与onclick无差别显示
2.2、四种引入方式的注意
1、script标签上的type，可写可不写，如果要写一定要写正确，否则报错
type=“text/JavaScript”
2、内嵌式和外联式的引入位置说明
本身可以在任意位置引入，可能在head标签或者body标签结束之前
需要获取页面中的标签---dom节点，必须写在body标签结束之前这个时候可以获取我们则dom节点，head标签结束之前，会导致dom节点加载不出来，报错（未定义），需要配合使用文档加载事件
window.onload=function(){在花括号里面操作dom节点相关的js代码，这个时候就可以正常进行操作，文档加载事件的作用：等所有加载事件的作用：等所有dom节点-标签加载完毕在执行js代码}
3、使用外联式的时候，不能再script标签之间写js代码，不然的话标签内部代码会被覆盖掉
4、在js代码的位置，不能直接出现html标签，css样式，只能通过js来进行操作
2.3、js三种输出方式--重点
作用：只要用于调试代码
语法：
1）控制台输出--console.lgo('需要输出的内容')--f12-console
3）网页输出--document.write('需要输出的内容')--页面在网页中显示
一次输出多条内容，中间是用，隔开
3、JavaScript的基础语法---重点
3.1、注释
作用：主要用于对代码进行解释说明
语法：
1）单行注释 //注释内容 ctr+/
针对当前行生效
2）多行注释 /*注释内容*/ alt+shift+a
注释的代码较多
3.2、变量--重点**
概念：变：变化 量：数据
定义变量：
ES5：通过关键字var来定义一个变量
var 变量名;
赋值： 变量名=值; //把等号右边的值（数据）给到左边的变量名
合并写法：var 变量名=值；//变变量的定义与赋值同时进行
ES6：通过关键字let，const来生明
let：表示相当于var的定义变量，有块级作用域{}
const：表示声明的是一个常量（不变的量），有块级作用域{}，在声明的时候，必须同时赋值，并且声明结束后，不能重新赋值
var、let、const之间的区别----重点
ES5:没有块级作用域，var定义变量后，还可以对已经定义好了的变量进行二次第一，var。二次以及以后的var无意义
ES6：有块级作用域
let：声明变量，不能再次进行let进行二次声明
const：声明的是常量，声明的必须同时赋值，并不能修改
3.3、标识符--标量的命名规则
1、大小写字母、数字、下划线、$、但是标识符不能艺术字开始
2、不能是js中的关键字和保留字
3、区分大小写
4、如果名字是由多个单词组成
1）分隔符：_
2）驼峰命名法：
大驼峰：每一个单词的首字母都是大写
小驼峰：除了第一个单词，其他的单词首字母大写
4、数据类型--掌握
分类：1、基本类型 2、引用类型
4.1、基本类型：
ES5：5基3引
5个基本类型：number、string、Boolean、undefined、null
3个引用类型：object、array、function
ES6：6基1引
6个基本类型：number、string、Boolean、undefined、null、symbol
1个引用类型：object
1）number：数字；
整数：int
小数：float
NaN not a number：表示的不是一个有明确的数值的数字类型
2）string：字符串
所有的中文
‘’、“”
特殊的用法：
如果字符串的数据中出现特殊字符需要使用转义字符（\）额外处理
\'：表示单引号
\''：表示双引号
\n：表示换行符
\\：表示\本身
3）boolean（布尔值）：
执行结果只有两个：true、false
4）undefined（未定义）
定义了变量但没有赋值，变量的默认值为undefined
undefined数据类型有且只有一个值undefined
5）null空对象
null本身是早期js中的bug，但后期比较好用
null数值类型有且只有一个值，null
null作用：清空对象，释放内存可以通过给变量进行复制null来清除变量内容
面试题：null于undefined的区别
相同点：都代表的是无值
不同点：
undefined---定义了变量为负值
null---一个变量，如果存储的值是引用数据类型，大师目前对象还没有创建，设置为null
变量的数据类型检测
typeof 变量名
typeof（变量）
4.2、数据类型转换==重点
概念：把一种数据转换为另一种数据类型
类型转换分类：
1、强制类型转换--显示转换
2、自动类型转换--隐式转换
强制类型转换
1、转数字类型
1）转整数 parseInt（变量）；
2）转小数 parseFloat（变量）；
3）转数字 nullber（变量）；
|
