淘先锋技术网

首页 1 2 3 4 5 6 7

一、事件

1、常用事件

onabort:   对象载入被中断时触发
onblur:    元素或窗口本身失去焦点时触发
onchange:  改变<select>元素中的选项或其他表单元素失去焦点,并且在其获取焦点后内容发生过改变时触发
onerror:   出现错误时触发
onfocus:   任何元素或窗口本身获得焦点时触发
onkeydown: 键盘键(包括Shift、Alt等)被按下时触发
onkeypress:键盘键被按下,并产生一个字符时触发。也就是说按下Shift或Alt等键不会触发
onkeyup:   释放键盘上的按键时触发
onload:    页面完全载入后触发
onunload:  页面完全卸载后触发
onclick:   单击鼠标左键时触发。当光标的焦点在按钮上,并按Enter键时也会触发
ondblclick:双击鼠标左键时触发
onmousedown:单机任何一个鼠标按键时触发
onmousemove:鼠标在某个元素上移动时持续触发
onmouseout: 鼠标从指定的元素上移开时触发
onmouseover:鼠标移到某个元素时触发
onmouseup:  释放任意一个鼠标按键时触发
onreset:    单击重置按钮时,在<form>上触发
onresize:   窗口或框架的大小发生改变时触发
onscroll:   在任何带滚动条的元素或窗口上滚动时触发
onselect:   选中文本时触发
onsubmit:   单击提交按钮时,在<form>上触发

2、事件处理

事件处理程序是用于响应某个事件而执行的处理程序。事件处理程序可以是任意的JavaScript语句,通常使用函数来对事件进行处理
第一种方式,在HTML中绑定:

<script language="javascript">
     function save(){
           alert("保存按钮被点击");
     }
</script>
<input type="button" name="save" value="保存" onclick="save()"/>

第二种方式,在JavaScript中绑定

二、正则表达式

1、什么是正则表达式

正则表达式(regular expression)是一个描述字符模式的对象。使用正则表达式进行强大的模式匹配文本检索替换的函数。
正则表达式主要用来验证客户端的输入数据。用户填写完表单单击按钮之后,表单就会被发送到服务器,在服务器端通常会用PHP、ASP.NET等服务器脚本对其进行进一步处理。
因为客户端验证,可以节约大量的服务器端的系统资源,并且提供更好的用户体验。
一个正则表达式是由普通字符(如a~z)以及特殊字符(称为元字符)组成的模式字符串
该模式字符串描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与搜索的字符串进行匹配。

2、字符类

在这里插入图片描述

3、量词

在这里插入图片描述

4、指定匹配位置

在这里插入图片描述

5、使用选择匹配符

正则表达式的选择匹配符只有一个“|”,使用“|”可以匹配指定的多个选项中的任意一项。
例如:/Word|Dream/可以匹配“One World One Dream”中的World或者Dream

6、分组

分组就是使用小括号将多个单独的字符或字符类组合成子表达式,以便可以像处理一个独立的单元那样,用“|”、“*”、“+”或者“?”等来处理他们。比如/J(ava)?Script/等可以匹配JavaScript,也可以匹配JScript

三、正则表达式的创建

正则表达式字面量由两条斜线//中间加入模式匹配字符串组成

四、正则表达式的判定

(1)使用test()方法进行模式匹配
test()方法用于对一个指定的字符串执行模式匹配,如果搜索到匹配的字符,返回true,否则返回false

var objExp=/\d/;
objExp.test("abc");

(2)使用exec()方法进行模式匹配
exec()方法返回值不是true或者false,而是当没有搜索到匹配的字符时,返回null,否则返回一个数组,这个数组在第一个元素包含与正则表达式相匹配的字符串,其他元素包含的是匹配的哥哥分组(用括号括起来的子表达式)
语法格式: