关于JavaScript基础---(正则表达式/事件监听与绑定)

正则表达式

创建正则表达式：

方法一： var reg = /pattern/;

方法二：var reg = new regexp('pattern');

regexp 对象的常用方法：

 

示例：

<script type="text/javascript"> var str = 'awddsafasei'; var reg = new regexp('weiwel'); var reg = /weiwei/; //正则表达式中有两个方法 exec() :返回，符合条件的字符串 test(): alert(reg.exec(str)); alert(reg.test(str)); </script>

输出：

 

2.正则表达式所支持的常用通配符

 

3.正则表达式量词

 

4.正则表达式修饰符

 

案例：

<script type="text/javascript"> var str = 'awddsafasei'; var reg = /^a(\w){2,}i$/g; //正则表达式中有两个方法 exec() :返回，符合条件的字符串 test(): alert(reg.exec(str)); alert(reg.test(str)); </script>

输出：

 

事件绑定

html 事件：

 

示例：点击按钮，弹出警示框

输出：点击---弹出

 

事件监听

使用返回值改变 html 元素的默认行为（可以通过在绑定事件中加上 return false 来阻止其默认行为）

通用性的事件监听方法：

1.绑定 html 元素属性

2.绑定 dom 对象属性

document.getelementbyid("btn1").onclick=test;

推荐尽量采用与无关的事件绑定方法，保证有更好的跨浏览器特性

标准dom中的事件监听方法：

1.[object].addeventlistener("事件类型","处理函数","冒泡事件或捕获事件")

2.[object].removeeventlistener("事件类型","处理函数","冒泡事件或捕获事件")

案例：

输出：点击、获取焦点，失去焦点，鼠标移入红色区域均弹出警示框

 

综合案例：注册验证

用户名：
密码：
手机号：
邮箱：
 

输出：