JS 事件

1. ⽬标

   掌握事件的使⽤

2.路径

   1. 事件介绍

   2. 常⻅事件

   3. 事件绑定

3.讲解

3.1. 事件介绍

   HTML 事件是发⽣在 HTML 元素上的“事       情”， 是浏览器或 ⽤户做的某些事情

   事件通常与函数配合使⽤，这样就可以通过     发⽣的事件来 驱动函数执⾏。

3.2 常⻅事件

 3.3. 事件绑定

3.3.1普通函数⽅式

说⽩了设置标签的属性

 3.3.2匿名函数⽅式

 3.4事件使⽤

3.4.1重要的事件

   点击事件

   需求: 没点击⼀次按钮 弹出hello...

 

   获得焦点(onfocus)和失去焦点(onblur)

   需求:给输⼊框设置获得和失去焦点

   内容改变(onchange)

   需求: 给select设置内容改变事件

 

   等xx加载完成(onload) 可以把script放在         body的后⾯/下 ⾯, 就可以不⽤了

 3.4.2掌握的事件

   键盘相关的, 键盘按下(onkeydown) 键盘抬     起(onkeyup)

  ⿏标相关的, ⿏标在xx之(onmouseover), ⿏    标按下 (onmousedown),⿏标离开   (onmouseout)

 4.⼩结

 

 知识点-正则表达式(了解)

1. ⽬标

掌握js正则表达式校验字符串格式的⽅法

2.路径

  1. 正则表达式概述

  2. 正则表达式的语法

  3. 使⽤示例

3.讲解

3.1正则表达式概述

  正则表达式是对字符串操作的⼀种逻辑公        式，就是⽤事先定义

  好的⼀些特定字符、及这些特定字符的组        合，组成⼀个“规则

  字符串”，这个“规则字符串”⽤来表达对    字符串的⼀种过滤逻 辑。

  ⽤我们⾃⼰的话来说: 正则表达式⽤来校验字   符串是否满⾜⼀ 定的规则的公式

 

 3.2 正则表达式的语法
3.2.1创建对象
 对象形式：var reg = new RegExp("正则表达式")当正则表达式中有"/"那么就使⽤这种     直接量形式：var reg = /正则表达式/⼀般       使   ⽤这种声明⽅式
3.2.2常⽤⽅法

 3.2.3常⻅正则表达式规则

 3.3使⽤示例

需求:

1. 出现任意数字3次

2. 只能是英⽂字⺟的, 出现6~10次之间

3. 只能由英⽂字⺟和数字组成，⻓度为4～16     个字符，并且 以英⽂字⺟开头

4. ⼿机号码: 以1开头, 第⼆位是3,4,5,6,7,8,9        的11位数字

步骤:

1. 创建正则表达式

2. 调⽤test()⽅法

 

 4.⼩结

1. 正则概念: 就是⽤来校验字符串的规则

2. 正则使⽤步骤

   创建正则表达式对象

   调⽤test()⽅法

 

知识点-内置对象之Array数组(了解)
1. ⽬标
   掌握数组Array的使⽤
2. 路径
   1. 创建数组对象
   2. 数组的常⽤⽅法
3. 讲解
3.1 创建数组对象
3.1.1语法
   var arr = new Array(size)

 var arr = neArray(element1,element2,
 element3, ...)
   var arr = [element1, element2,             element3, ...];
  ⼀般采⽤这种⽅式创建

3.1.2数组的特点

 数组中的每个元素可以是任意类型

 数组的⻓度是可变的，更加类似于Java⾥的   集合List

3.1.3示例

   创建数组，并把数组输出到浏览器控制台上

说明把数据输出到控制台console.log(value)

 

 3.2数组常⻅的⽅法

3.2.1API介绍

 3.2.2示例

 

 3.3⼆维数组

1. 数组⾥⾯再放数组 就是⼆维数组

2. 示例

 

4.⼩结
1. 数组定义语法

 2数组的特点

   js的数组⾥⾯可以存放不同类型的数据 js数   组的⻓度可变

3. 数组常⽤的⽅法

  数组.concat(数组) 把2个,多个拼接成⼀ 组       数组.join(分隔符) 把数组⾥⾯的元素拼接成      ⼀个字符串

  数组.reverse() 反转

4. ⼆维数组

   数组⾥⾯的元素也是数组

 

知识点-内置对象之-Date⽇期(了 解)

1. ⽬标

  掌握⽇期Date的使⽤

2.路径

  1. 创建⽇期对象

  2. ⽇期常⽤⽅法

3.讲解

3.1. 创建⽇期对象

3.1.1语法

  创建当前⽇期：var date = new Date()

 创建指定⽇期：var date = new Date(年, ⽉,   ⽇)

  注意：⽉从0开始，0表示1⽉

 创建指定⽇期时间：var date=Date(年，⽉，⽇, 时, 分, 秒)

  注意：⽉从0开始，0表示1⽉

3.1.2示例

 

 

 3.2. ⽇期常⽤⽅法

3.2.1API介绍

 

 3.1.2示例