JavaScript.ppt
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
❖ 应用于：Button 对象；Checkbox 对象；Image 对象； Link 对象；Radio 对象；Reset 对象；Submit 对象
❖ onmousedown 事件 发生在用户把鼠标放在 对象上按下鼠标键的时候。参考 onmouseup 事件。
❖ 应用于：Button 对象；Link 对象
5、/^[A-Za-z]+$/
6. 英文字符数字串： 6、/^[A-Za-z0-9]+$/
7. 英数字加下划线串：7、/^\w+$/
function cl() {
var ou = /^[0-9]{7,8}$/; if(!ou.exec(value)) {
alert("error"); } else {
\ 转义符
\*
符号“*”
*
[ ] 可接收的字符列表 [efgh] e、f、g、h中的任意1个 e、f、g、
字符
h
[^ ] 不接收的字符列表 [^ab 除a、b、c之外的任意1个 m、q、5、
c]
字符，包括汉字、数字和 *
特殊符号
| 匹配“|”之前或之 ab|cd ab或者cd 后的表达式
ab、cd
( ) 将子表达式分组 (abc) 将字符串abc作为一组 abc
❖ onmouseout 事件 发生在鼠标离开对象的时 候。参考 onmouseover 事件。
❖ 应用于：Link 对象
❖ onmouseover 事件 发生在鼠标进入对象范围的时 候。这个事件和 onmouseout 事件，再加上图片的 预读，就可以做到当鼠标移到图像连接上，图像更 改的效果了。有时我们看到，在指向一个连接时， 状态栏上不显示地址，而显示其它的资料，看起来 这些资料是可以随时更改的。它们是这样做出来的：
alert("ok"); } }
事件
事件详解
❖ onchange 事件 发生在文本输入区的内容被更改，然后焦点 从文本输入区移走之后。捕捉此事件主要用于实时检测输入 的有效性，或者立刻改变文档内容。
❖ 应用于：Password 对象；Select 对象；Text 对象； Textarea 对象
❖ onclick 事件 发生在对象被单击的时候。单击是指鼠标停留 在对象上，按下鼠标键，没有移动鼠标而放开鼠标键这一个 完整的过程。
由abcd中字母组成 abc、abc ab、abab 的任意长度不小于3，d、aaaaa、ab、a 不大于5的字符串 bcdab
^
指定起 ^[0-9]+[a 以至少1个数字开头，123、6a abc、aaa、
始字符 -z]*
后接任意个小写字 a、555e a33
母的字符串
df
$
指定结 ^[0-9]\- 以1个数字开头后接 2-a、3-d 33a、8-、
\d{3}\w{4} 以3个数字字符开头的 234abcd、
长度为7的字符串
12345Pe
58a、Ra46
\W 匹配单个除汉字、 \W+\d{2} 以至少1个非数字、字 #29、#?@1 23、#?@1
字母、数字和下
母、下划线和汉字的 0
00
划线以外的其他
字符开头，2个数字字
字符
符结尾的字符串
正则表达式简介
（6）国内电话号码：(0\d{2}-)\d{8}|(0\d{3})\d{7}
正则表达式简介
❖ 练习：
1. 非负整数：
1、/^\d+$ /
2. 正整数： 3. 非正整数： 4. 整数：
2、/^[0-9]*[1-9][0-9]*$/ 3、/^((-\d+)|(0+))$/
4、/^-?\d+$/
5. 英文字符串：
正则表达式举例
（1）至少1个字符：.{1,} （2）3个“.”句点符号：\.{3} （3）括号括起来的2～3个数字构成的字符串：
\([0-9]{2,3}\) 其中的反斜杠“\”表示转义。 （4）必须包含“ab”的字符串：.{0,}ab.{0,} （5）以字母开头，允许包含字母、数字及下
划线，长度为5～16：[a-zA-Z][a-zA-Z0-9_ ] {5,16}
1次或n次
*
接任意个abc的字符 mabcabc
串
？ 指定字符重复 m+abc? 以至少1个m开头，后 mab、ma ab、abc、
0次或1次
接ab或abc的字符串 bc、mm mabcc
mab、m
mabc
{n} 只能输入n个 [abcd] 由abcd中字母组成的 abc、dbc、 a、aa、d
字符
正则表达式简介
❖ 正则表达式： 用某种模式去匹配指定字符串的一种表示方式。
❖ 正则表达式由普通字符和元字符组成。 普通字符：如字母、数字、汉字等。 元字符：可以匹配某些字符形式的具有特殊含义的 字符，其作用类似于DOS命令使用的通配符。
正则表达式简介
1. 正则表达式基本书写符号
符号
含义
示例
解释
匹配输入
束字符 [a-z]+$ 连字符“–”，并 dd、5-ef 7-Ab
以至少1个小写字母 g
结尾的字符串
正则表达式简介
符号
.
\d \D
\w
正则表达式中的部分匹配字符集
含义
示例
解释
匹配输入
不匹配输入
匹配除 \n 以外 a..b 的任何字符
以a开头，b结尾，中 aaab、aefb、ab、aaaa、
间包括2个任意字符的 a35b、a#* a347b
- 连字符
A-Z 任意单个大写英文字母 大写字母
正则表达式简介
2.正则表达式限定符
限定符将可选数量的数据添加到正则表达式，下表为常用限定符：
符号
含义
示例
解释
匹配输入 不匹配输入
* 指定字符重复 (abc)* 仅包含任意个abc的 abc、abc a、abca
0次或n次
字符串
abcabc
+ 指定字符重复 m+(abc) 以至少1个m开头，后 m、mabc、 ma、abc
长度为4的字符串
b
匹配单个数字字 \d{3}(\d)? 包含3个或4个数字的 123、9876 12、01023
符，相当于[0-9]
字符串
匹配单个非数字 字符，相当于[^ 0-9]
\D(\d)*
以单个非数字字符开 头，后接任意个数字 字符串
来自百度文库
a、A342
aa、AA78、 1234
匹配单个数字、 大小写字母、下 划线和汉字字符
{3}
任意长度为3的字符串 adc
cbd
正则表达式简介
符号 含义
示例
解释
匹配输入 不匹配输入
{n,} 指定至 [abcd]{3,} 由abcd中字母组成 aab、db a、cd、bb
少n个
的任意长度不小于3 c、aaabd
匹配
的字符串
c
{n,m} 指定至 [abcd]{3, 少 n 个 5} 但不多 于m个 匹配
❖ onmousedown 事件 发生在用户把鼠标放在 对象上按下鼠标键的时候。参考 onmouseup 事件。
❖ 应用于：Button 对象；Link 对象
5、/^[A-Za-z]+$/
6. 英文字符数字串： 6、/^[A-Za-z0-9]+$/
7. 英数字加下划线串：7、/^\w+$/
function cl() {
var ou = /^[0-9]{7,8}$/; if(!ou.exec(value)) {
alert("error"); } else {
\ 转义符
\*
符号“*”
*
[ ] 可接收的字符列表 [efgh] e、f、g、h中的任意1个 e、f、g、
字符
h
[^ ] 不接收的字符列表 [^ab 除a、b、c之外的任意1个 m、q、5、
c]
字符，包括汉字、数字和 *
特殊符号
| 匹配“|”之前或之 ab|cd ab或者cd 后的表达式
ab、cd
( ) 将子表达式分组 (abc) 将字符串abc作为一组 abc
❖ onmouseout 事件 发生在鼠标离开对象的时 候。参考 onmouseover 事件。
❖ 应用于：Link 对象
❖ onmouseover 事件 发生在鼠标进入对象范围的时 候。这个事件和 onmouseout 事件，再加上图片的 预读，就可以做到当鼠标移到图像连接上，图像更 改的效果了。有时我们看到，在指向一个连接时， 状态栏上不显示地址，而显示其它的资料，看起来 这些资料是可以随时更改的。它们是这样做出来的：
alert("ok"); } }
事件
事件详解
❖ onchange 事件 发生在文本输入区的内容被更改，然后焦点 从文本输入区移走之后。捕捉此事件主要用于实时检测输入 的有效性，或者立刻改变文档内容。
❖ 应用于：Password 对象；Select 对象；Text 对象； Textarea 对象
❖ onclick 事件 发生在对象被单击的时候。单击是指鼠标停留 在对象上，按下鼠标键，没有移动鼠标而放开鼠标键这一个 完整的过程。
由abcd中字母组成 abc、abc ab、abab 的任意长度不小于3，d、aaaaa、ab、a 不大于5的字符串 bcdab
^
指定起 ^[0-9]+[a 以至少1个数字开头，123、6a abc、aaa、
始字符 -z]*
后接任意个小写字 a、555e a33
母的字符串
df
$
指定结 ^[0-9]\- 以1个数字开头后接 2-a、3-d 33a、8-、
\d{3}\w{4} 以3个数字字符开头的 234abcd、
长度为7的字符串
12345Pe
58a、Ra46
\W 匹配单个除汉字、 \W+\d{2} 以至少1个非数字、字 #29、#?@1 23、#?@1
字母、数字和下
母、下划线和汉字的 0
00
划线以外的其他
字符开头，2个数字字
字符
符结尾的字符串
正则表达式简介
（6）国内电话号码：(0\d{2}-)\d{8}|(0\d{3})\d{7}
正则表达式简介
❖ 练习：
1. 非负整数：
1、/^\d+$ /
2. 正整数： 3. 非正整数： 4. 整数：
2、/^[0-9]*[1-9][0-9]*$/ 3、/^((-\d+)|(0+))$/
4、/^-?\d+$/
5. 英文字符串：
正则表达式举例
（1）至少1个字符：.{1,} （2）3个“.”句点符号：\.{3} （3）括号括起来的2～3个数字构成的字符串：
\([0-9]{2,3}\) 其中的反斜杠“\”表示转义。 （4）必须包含“ab”的字符串：.{0,}ab.{0,} （5）以字母开头，允许包含字母、数字及下
划线，长度为5～16：[a-zA-Z][a-zA-Z0-9_ ] {5,16}
1次或n次
*
接任意个abc的字符 mabcabc
串
？ 指定字符重复 m+abc? 以至少1个m开头，后 mab、ma ab、abc、
0次或1次
接ab或abc的字符串 bc、mm mabcc
mab、m
mabc
{n} 只能输入n个 [abcd] 由abcd中字母组成的 abc、dbc、 a、aa、d
字符
正则表达式简介
❖ 正则表达式： 用某种模式去匹配指定字符串的一种表示方式。
❖ 正则表达式由普通字符和元字符组成。 普通字符：如字母、数字、汉字等。 元字符：可以匹配某些字符形式的具有特殊含义的 字符，其作用类似于DOS命令使用的通配符。
正则表达式简介
1. 正则表达式基本书写符号
符号
含义
示例
解释
匹配输入
束字符 [a-z]+$ 连字符“–”，并 dd、5-ef 7-Ab
以至少1个小写字母 g
结尾的字符串
正则表达式简介
符号
.
\d \D
\w
正则表达式中的部分匹配字符集
含义
示例
解释
匹配输入
不匹配输入
匹配除 \n 以外 a..b 的任何字符
以a开头，b结尾，中 aaab、aefb、ab、aaaa、
间包括2个任意字符的 a35b、a#* a347b
- 连字符
A-Z 任意单个大写英文字母 大写字母
正则表达式简介
2.正则表达式限定符
限定符将可选数量的数据添加到正则表达式，下表为常用限定符：
符号
含义
示例
解释
匹配输入 不匹配输入
* 指定字符重复 (abc)* 仅包含任意个abc的 abc、abc a、abca
0次或n次
字符串
abcabc
+ 指定字符重复 m+(abc) 以至少1个m开头，后 m、mabc、 ma、abc
长度为4的字符串
b
匹配单个数字字 \d{3}(\d)? 包含3个或4个数字的 123、9876 12、01023
符，相当于[0-9]
字符串
匹配单个非数字 字符，相当于[^ 0-9]
\D(\d)*
以单个非数字字符开 头，后接任意个数字 字符串
来自百度文库
a、A342
aa、AA78、 1234
匹配单个数字、 大小写字母、下 划线和汉字字符
{3}
任意长度为3的字符串 adc
cbd
正则表达式简介
符号 含义
示例
解释
匹配输入 不匹配输入
{n,} 指定至 [abcd]{3,} 由abcd中字母组成 aab、db a、cd、bb
少n个
的任意长度不小于3 c、aaabd
匹配
的字符串
c
{n,m} 指定至 [abcd]{3, 少 n 个 5} 但不多 于m个 匹配