<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var str='you are a boy too'; var reg=new RegExp('o','g'); //匹配正则返回一个数组 reg.lastIndex=0;//搜索的字符下标起始位置。 console.log(reg.exec(str));//控制台的index=1 console.log(reg.exec(str));//控制台的index=11 console.log(reg.exec(str));//控制台的index=15 console.log(reg.exec(str));//控制台的index=16 console.log(reg.exec(str));//str为null,可以设置一个循环,查找匹配的字符。 </script> </html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var str='hello world O'; var reg=/o/ig; console.log(str.match(reg));//此处返回的是数组对象。 </script> </html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var str='hello world' var reg=/l/; console.log(str.search(reg));//返回的是匹配的结果——字符串中第一个l的下标的位置。 </script> </html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var age='9'; var reg=/^(1[0-1]|[1-9])?\d$|^120$/;//复合匹配表达式。两个串,120要和前面的分开。 alert(reg.test(age)?'匹配成功':'匹配失败'); </script> </html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>用户名,长度为4-16位,英文开头,后面是伊宁问或者数字</title> </head> <body> </body> <script type="text/javascript"> var a='d233'; var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;//此处去掉了第一位,所以是{3,15} alert(reg.test(a)?'匹配成功':'匹配失败'); </script> </html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>密码,由数字和字母组成,4-10位</title> </head> <body> </body> <script type="text/javascript"> var a='d233'; var reg=/^[a-zA-Z0-9]{4,10}$/; alert(reg.test(a)?'匹配成功':'匹配失败'); </script> </html> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>生日匹配</title> </head> <body> </body> <script type="text/javascript"> var ad='1999-05-10'; var bc='2012-01-01'; var ff='1999-5-1'; var reg=/^(19\d{2}|200\d)-(0[1-9]|1[0-2])-(0[1-9]|[1-2]\d|3[0-1])$/ alert(reg.test(ff)?'成功':'失败'); </script> </html>
html第十六课时汇总
最新推荐文章于 2021-06-05 00:52:17 发布