# 今日目标 1. js基础语法 2. js函数（方法） 3. js事件【重点】 4. js内置对象一. Javascript概述
html : 搭建网页的结构
css :美化网页样式
js : 主要实现页面交互效果
作用：页面交互
Javascript历史
- **起源：**上世纪末1995年时，Netscape（网景）公司推出Navigator浏览器。发布后用的人不多，这咋整啊？这家公司就想了一个好方案，不仅在浏览器实现静态HTML，还想要有动态效果，比如：在前端处理表单验证。
- **动手：**有目标就去做，网景公司大牛多，Brendan Eich（布兰登·艾奇）据说就用了10天就把Javascript搞了出来，刚出来时叫Livescript，为了蹭蹭当红明星Java热度，就改成Javascript了（瞬间就火了），事实上他们两没啥关系。（雷锋和雷峰塔）
- **竞争：**看到网景公司有了js，微软感觉不行啊，我的IE要被干掉啊，同时也感到js的前途无量，于是参考Javascript弄了个名为Jscript浏览器脚本语言。
- 标准： Netscape和微软竞争出现的js导致版本的不一致，随着业界的担心，Javascript的标准化被提上议事日程。ECMA（欧洲计算机制造商协会）组织就去干这事，最后在1997年弄出了ECMAscript作为标准。这里ECMAscript和Javascript可以看做表达的同一个东西。
chrome, firefox , opera, Safari, IE
Javascript特点
script : 脚本语言
-
js源码不需要编译，浏览器可以直接解释运行
-
js是弱类型语言，js变量声明不需要指明类型(java强类型)
Javascript组成
| 组成部分 | 作用 |
|---|---|
| ECMA script | 构成了JS核心的语法基础(简称es) |
| BOM | Browser Object Model 浏览器对象模型，用来操作浏览器上的对象 |
| DOM | document Object Model 文档对象模型，用来操作网页中的元素（标签） |
index
2.1 HTML引入JS
Title
2.2 JS三种输出方式
Title
2.3 JS变量声明
java是强类型语言，注重变量的定义，所以在java中定义变量类型的方式如下：
// 整型 int i = 1314; // 浮点型 double d = 521.1314; // 字符型 char c ='c'; // 字符串型 String str = "用心做教育"; //布尔型 boolean b = true; // 常量 final Integer PI = 3.14;
js是弱类型语言，不注重变量的定义，所以在js中定义变量的类型方式如下：
Title
2.4 JS数据类型
js与java一样，数据类型也分为基本数据类型（原始数据类型）和引用数据类型
Title
三 Javascript基础语法【记住不同点】
3.1 JS运算符
js与java的运算符基本一样，什么算数运算符、赋值运算符、逻辑运算符等等，不需要死记硬背，写程序会用就行：
1. 算数运算符 + - * / % ++ -- 2. 赋值运算符 = += -= *= /= %= 举例 a+=1 -> a= a+1 3. 比较运算符 > < ==(===恒等于) !=(!==不恒等于) 4. 逻辑运算符 && || !(非) 5. 三元（目）运算符 条件表达式？为真:为假
关注js与java区别的运算符
01-JS运算符
3.2 JS流程控制
高级语言中的三种基本结构：顺序、分支、循环
① 条件判断1. if判断
if (条件表达式) {
代码块;
} else if(条件表达式) {
代码块;
} else {
代码块;
}
2. switch判断
switch(条件表达式){
case 满足条件1 :
代码块
break;
case 满足条件2 :
代码块
break;
default:
默认代码块;
}
② 循环语句
1. 普通for循环
for(let i= 0; i<10; i++){
需要执行的代码;
}
2. 增强for循环
for(let element of array){
需要执行的代码;
}
3. 索引for循环
for(let index in array){
需要执行的代码;
}
4. while循环
while (条件表达式) {
需要执行的代码;
}
5. do..while循环
do{
需要执行的代码;
}while(条件表达式);
6. break和continue
break: 跳出整个循环
continue：跳出本次循环,继续下次循环
03-循环语句
案例: 乘法表
Title
四 JS函数【方法】
功能：js函数用于执行特定功能的代码块，为了方便理解也可以称为js方法
4.1 普通函数【重点】语法
function 函数名(参数列表){
函数体;
[return 返回值;] // 中括号意思表示内容可以省略....
}
04-普通函数
4.2 匿名函数
通常与事件结合使用，咱们现在先来看一下语法。。。。
function (参数列表){
函数体;
[return 返回值;] // 中括号意思表示内容可以省略....
}
05-匿名函数
五. JS事件【重点】
事件(event)：JS可以监听用户的行为,并调用函数来完成用户交互功能.
5.1 常用事件js : 事件驱动型语言
用户触发了某种事件,js给予回应
网页中一切可以被检测到的行为 -> 事件
事件是客观存在的
事件被触发之后,所要执行的行为可以自定义
1. 点击事件：
1. onclick：单击事件
2. ondblclick：双击事件 (double: 时间间隔很短两次单击)
2. 焦点事件
1. onblur：失去焦点
2. onfocus:元素获得焦点。
3. 加载事件：
1. onload：页面加载完成后立即发生。
4. 鼠标事件：
1. onmousedown 鼠标按钮被按下。
2. onmouseup 鼠标按键被松开。
3. onmousemove 鼠标被移动。
4. onmouseover 鼠标移到某元素之上。
5. onmouseout 鼠标从某元素移开。
5. 键盘事件：
1. onkeydown 某个键盘按键被按下。
2. onkeyup 某个键盘按键被松开。
3. onkeypress 某个键盘按键被按下并松开。
6. 改变事件
1. onchange 域的内容被改变。
7. 表单事件：
1. onsubmit 提交按钮被点击。
5.2 事件绑定
将事件与html标签进行绑定，实现交互功能
08-事件绑定
5.3 案例：轮播图
需求
一共5张图片，实现每过3秒切换一张图片的效果。
06-案例：轮播图
六 JS常用内置对象【知道】
内置对象: js提供好的对象, 开发者直接可以创建对象,并使用
6.1 String 对象
10-字符串
6.2 Array 对象
11-数组
6.3 Date 对象
12-日期
6.4 Math 对象
13-数学
6.5 全局函数
我们不需要通过任何对象，可以直接调用的就称为全局函数
14-全局函数
以直接调用的就称为全局函数
14-全局函数
