当前位置： 移动技术网 > IT编程>网页制作>CSS > 关于JavaScript基础---(正则表达式/事件监听与绑定)

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

2019年04月19日  | 移动技术网IT编程  | 我要评论

李小林简介,屈原是哪国人,电子时尚杂志

正则表达式

创建正则表达式：

方法一： 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("事件类型","处理函数","冒泡事件或捕获事件")

案例：
,李小林简介,屈原是哪国人,电子时尚杂志

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

 

综合案例：注册验证
,李小林简介,屈原是哪国人,电子时尚杂志
用户名：
密码：
手机号：
邮箱：
 

输出：

 

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网