初学JS时 ,总结的正则匹配含有邮箱的人。适合初学的小白参考使用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>正则查找匹配</title>
<script>
function find(){
var lis = document.getElementsByTagName('li');
var i = 0;
var patt = /\w+@\w+(\.\w+)+/;
/*
\W 匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。
\w 匹配包括下划线的任何单词字符。类似但不等价于“[A-Za-z0-9_]”
这里的"单词"字符使用Unicode字符集。
*/
while(i<lis.length){
if (patt.exec(lis[i].innerHTML) !== null) { //exec用于检索字符串中的正则表达式的匹配。检测括号内的字符串是否在patt中
lis[i].style.background = 'yellow';
}
i+=1;
}
}
</script>
</head>
<body>
<input type="button" value="标注有邮箱的人" οnclick="find()">
<ul>
<li>张飞</li>
<li>刘备<liubei@mail.it></li>
<li>关于</li>
<li>mazhchao<machao@qq.com></li>
</ul>
</input>
</body>
</html>