Thirty-two JavaScript

 

HTML：定义网页结构

CSS：美化网页

JAVASCRIPT：与用户进行交互

　　编写方式：

　　　　方式一：在script标签中编写js代码。

　　　　方式二：在js文件中编写js代码。

　　　　　　<script type="type/javascript" src="js文件"><script>

　　　　方式三：在HTML元素的事件属性中编写js代码。

　　ECMAScript：定义js的基本语法，所有浏览器都支持

　　BOM：Browser Object Model 浏览器对象模型

　　DOM：Document Object Model 文档对象模型

　　基本语法：

　　　　注释：单行注释：//注释内容

　　　　　　多行注释：/* 注释内容 */

　　　　定义变量：let 变量名 = 变量值

　　　　　　注意：1）变量的类型是由变量值决定；

　　　　　　　　2）初始化变量的时候可以不指定let关键字，一般要求加上

　　　　　　　　3）变量必须要先定义，再使用；

　　　　　　typeof(变量名)：查询变量的数据类型

　　　　　　　　js的数据类型：数值型、字符串、布尔类型、对象类型、underfined

　　　　运算符：

　　　　　　算数运算符：++ -- 前加后加前减后减 +加法或字符串连接符、-、*、/、%

　　　　　　逻辑运算符：%%逻辑与、||逻辑或、!逻辑非、

　　　　　　比较运算符：==(比较数据)、===(比较数据和类型)、>、<、<=、 >=

　　　　　　赋值运算符：=、+=、-=、*=、/=、%=

　　　　　　三目运算符：如果条件表达式返回true，结果就是表达式1的值，要么就是表达式2的值

　　　　　　　　条件表达式 ？表达式1 : 表达式2；

　　流程控制：

　　　　条件判断：

　　　　　　if(条件表达式){

　　　　　　　　}
　　　　　　else if(条件表达式){

　　　　　　　　}

　　　　　　else{

　　　　　　　　}

　　　　条件选择：

　　　　　　switch(变量){

　　　　　　　　case 值:

　　　　　　　　　　...

　　　　　　　　　　break;

　　　　　　　　case 值:

　　　　　　　　　　...

　　　　　　　　　　break

　　　　　　　　...

　　　　　　　　default:

　　　　　　　　　　...

　　　　　　　　}

　　　　循环：

　　　　　　while(条件表达式){  //先判断条件，再执行循环体

　　　　　　　　}

　　　　　　do{  //先执行循环体，再判断条件

　　　　　　　　}while(条件表达式);

　　　　　　for(初始化语句；条件判断；循环后语句){

　　　　　　　　循环体...

　　　　　　　　}