一、JavaScript简介
HTML 是一种标记语言，用来结构化我们的网页内容并赋予内容含义，例如定义段落、标题和数据表，或在页面中嵌入图片和视频。
CSS 是一种样式规则语言，可将样式应用于 HTML 内容，例如设置背景颜色和字体，在多个列中布局内容。
JS是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画，还有很多。（好吧，虽然它不是万能的，但可以通过简短的代码来实现神奇的功能。）
1.1 JavaScript概述
- JavaScript主要用于HTML的页面，嵌入在HTML的源码中。
- JavaScript是因特网上最流行的脚本语言，它存在于全世界所有的Web浏览器中，能够增强用户与Web站点和Web应用程序之间的交互。
- JavaScript简称JS是一门弱类型语言？就是没有类型说明，它的变量不必具有一个明确的类型，通常用var声明变量 。如（目录2.2.3）
- JS是一种脚本语言，就是能够用来编辑的并且直接执行源代码的语言。
- JS也是解释性的语言。何为解释性语言？是在运行的时候将程序直接翻译成机器语言。
- JS是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言，可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
- HTML5的出现更是突出了JavaScript的重要性，例如HTML5的绘图支持、本地存储、离线应用、客户端通信等，都大量使用了JavaScript。
1.2 JavaScrip组成
JavaScript 的实现包括下列三个部分组成：
- ECMAScript (核心) : 定义了JavaScript的语法规范，描述语言的 基本语法和数据类型 ;
- BOM : (Browser Object Model，简称BOM) 是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。
- DOM ：(Document Object Model): 文档对象模型有一套成熟的可以操作页面元素的 API，通过 DOM 可以操作页面中的元素。比如： 增加个 div，减少个 div，给div 换个位置等；
兄弟萌！正片开始咯🙋
二、JavaScript的基本使用
2.1 嵌入式
在HTML中使用JS可用以下三种方式实现:
1. 行内式
<input type="button" value="点我试试" onclink="javascript:alert('Hello World')" />
2. 内嵌式
通过在 <script></script>标签中直接编写 JavaScript 程序代码， script 标签可以放在 html 文档的任何位置。
<script> alert('Hello World!') ; </script>
3. 外部引入时
通过<script src="目标文档的URL"></script> 引入外部的 js 文件。
2.2 基本语法
单行注释 ：
//鸡你太美
多行注释 ：
/*鸡你实在是太美*/
2.2.1 输入输出语句
方法 |
说明 |
归属 |
alert(msg) |
浏览器弹出框 |
浏览器 |
console.log(msg) |
浏览器控制台打印输出信息 |
浏览器 |
prompt（info） |
浏览器弹出输入框，用户可输入 |
浏览器 |
confirm() |
浏览器弹出确认框 |
浏览器 |
2.2.2 变量
- 变量是用于存放数据的容器，我们通过变量名获取数据，甚至数据可以修改
- 本质：变量是程序在内存中申请的一块用来存放数据的空间
2.2.3 初始化变量
它是一种弱类型或者说动态语言，不用提前声明变量的类型，变量的类型会自动判断。即使赋值之后，变量的类型根据重新赋值的数据类型同样进行改变。
var n ; //声明一个名为n的变量 n = 10 ; //给这个n变量赋值为10 /* 将来为n赋值的类型是啥，var就代表什么类型 */；
2.2.4 标识符
标识符是指变量、函数或者对象属性的名字，或者函数的参数等。遵循以下命名规则：
1 . 由字母、数字、美元符号 $ 和下划线（_）组成。
2 . 不能以数字开头。
3 . 一般采用驼峰命名方法，即第一个字母小写，其余每个单词的首字母大写。例如：userName、averageTemp 等。
4 . 不能使用关键字或者保留字作为标识符。
5 . 建议不要用$作为变量名
2.2.5 保留字关键字
关键字是在 ECMA 中已经规定好用途的一组特殊标识。关键字可用于表示控制语句的开始或结束，或者用于执行特定的操作等。关键字是语言保留的，不能用作标识符。以下就是 ECMAScript (ES5) 的全部关键字。
/* * break do instanceof typeof * case else new var * catch finally return void * continue for switch while * debugger function this with * default if throw delete * in try */
2.3数据类型
ECMAScript 中一共有 6 种数据类型，有 5 种简单数据类型（也称基本数据类型）：Undefined、Null、Boolean、Number 和 String，还有 1 种复杂数据类型 Object。ECMAScript 不支持任何创建自定义类型的机制，而所有值最终都将是上述 6 种数据类型之一。
2.3.1 typeof操作符
var a, b = null, c = true, d = 10, e = 'TKOP_', f = {}; a = typeof(a); b = typeof(b); c = typeof(c); d = typeof(d); e = typeof(e); f = typeof(f); console.log(a, b, c, d, e, f); // ->undefined object boolean number string object function fn() {}; console.log(typeof fn); // ->function
2.3.2 Undefined
Undefined 类型只有一个值，即特殊的 undefined 。在使用 var 声明变量但未对变量加以初始化时，该变量的值就是 undefined 。当然我们也可以使用 undefined 值显式初始化一个变量。
var a; console.log(a); // ->undefined var b = undefined; console.log(b); // ->undefined
2.3.3数字类型
JavaScript 数字类型既可以用来保存整数值，也可以保存小数(浮点数）
var age = 10 ; var age = 10.1 ;
还有isNaN属性（判断是否为数字） var n = 10A ; isNaN(n) 返回false
2.3.4字符串类型
字符串型可以是引号中的任意文本，其语法为 “双引号” 和 "单引号’’
var str = "哈喽~"; //使用双引号表示字符串 var str = '哈喽'; //使用单引号表示字符串
字符串的常用方法的使用：
1.字符串（String）使用长度属性length来计算字符串的长度：
var text = '侬好，靓仔'； consol.log(text.length); // 长度为5
2. lastIndexOf() 方法在字符串末尾开始查找字符串出现的位置。如果没找到对应的字符函数返回-1
var text = 'abcd'; lastIndexOf('e') //返回-1
3. match()函数用来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。
//使用字符串搜索 "h" ： let text = "hello wold"; text.match("h"); //没找到则返回null ；
4. replace() 方法在字符串中用某些字符替换另一些字符。
str="Please visit Microsoft!" var n=str.replace("Microsoft","Runoob");
5.字符串使用split()函数转为数组:
txt="a,b,c,d,e" // String txt.split(","); // 使用逗号分隔 txt.split(" "); // 使用空格分隔 txt.split("|"); // 使用竖线分隔
6. toString（）方法 ：
var num = 11; var str = num.toString(); // '11'
