一次搞定前端三：JavaScript

一、JavaScript简介

JavaScript简称js 是轻量级的解释性语言（弱类型的语言）（网景公司）

a、js组成：

ECMAScript、DOM（文档对象模型）和 BOM（浏览器对象模型）

b、js特点：

1.是客户端的脚本语言

2.可以跨平台

3.面向对象编程

4.提供事件驱动

5.语法宽松

c、js成熟框架

jQuery、vue、nodejs 等

二、js基础

console.log() 的运行查看：

1、运行  右击然后点击下图方框内open with live server

2、查看  运行之后会跳转到浏览器  右击选择检查  点击控制台  就可以看到console.log()运行结果了。

document.write()运行查看：

运行  右击然后点击下图方框内open with live server 跳转到浏览器即可查看

a、js的基本语法

1、js的引入方式

1.外部链接式： script src="**.js"文件  外部引入

js文件：

2.内部式：script 内部直接写入

2、js注释

单行注释：写单行注释用双斜杠：//

多行注释：/*多行注释*/

3、变量的声明

var、 let等

运行

4、数据类型及数值类型转换

数据类型有number、 string、 Boolean、 object等

  

数值类型转换：

parseInt 转整数

parseFloat 转小数

5、类型判断函数

typeof()和instanceof()

b、运算符表达式

js中运算符表达式与python中很相似

1、算数运算符

+        加；-        减；*        乘；/        除；%        取余；**        阶乘；

2、复合赋值运算符

+=        加等于  例如：sum += i；相等于：sum = sum + i；

++        自加1  例如：i++；相等于：i = i+1;

-=        减等于；--        自减1；*=        乘等于；/=        除等于；%=        取余等于；

**=        阶乘等于；

3、关系运算符（比较运算符）

==        等于；！=        不等于；>        大于；<        小于；>=        大于等于；<=        小于等于；

4、逻辑运算符

&&        且；||        或；！        非；

c、流程控制

1、顺序控制：按照自上而下的顺序执行

2、选择结构：单分支语句：if(条件){执行语句}、

        双分支语句if(条件){执行语句} else{不满足条件时执行}、

        多分支语句if(条件){执行语句} else if(条件){执行语句} else if(条件){执行语句}、

        switch...case...break...default

运行结果：

3、循环结构：for ：for(变量 ；条件){执行语句}

        while：while(条件表达式){循环体 执行语句}

        do...while(条件表达式)：先执行一次再循环

运行结果：

d、字符串常用函数

运行结果：

e、自定义函数

实例：

运行：

每个实例都可以单独运行看效果

三、对象

1、内置对象

1、知识点预览

数组实例：

数组中运行结果：

2、实例展示

3、运行结果

2、自定义对象

知识点预览

实例

运行：

3、BOM对象（窗口对象模型）

知识点整体预览

实例操作：

运行视频：

BOM对象窗口

4、DOM对象（文档对象模型）

（1）基础知识点：

a、获取标签对象

b、修改文档属性

（2）事件绑定

类型：

运行结果：

四、链接：

详细实例代码：

链接：https://pan.baidu.com/s/1NGYX_mn5EP3xA7cKtfAzyQ?pwd=1209 
提取码：1209