我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。
突然女粉丝问:“陈老师!听说你是公司里的javaScript语言大师?”。
我答:“略懂略懂,略知1、2”。
女粉丝问:“陈老师!你知道返回字符个数length属性使用方法吗?”。
我答:“知道!”。
女粉丝问:“可以教我吗?”。
我答:“好的!下面写个教程,你回头等我更新网文吧!”。
语法:
String.match()
“string”代表字符串名。
(代码1)
存放字符串“abbbbbeeeeeggggcccccdddddgaa”到字符串变量QQ2838697670 中。如代码2
varQQ2838697670="abbbbbeeeeeggggcccccdddddgaa";
(代码2)
调用match属性,计算字符串变量QQ2838697670中有多个字符“a”并把值赋给变量a,如代码3。
vara=QQ2838697670.match(/a/g);
/a/g这是正则表达式“
(/a/g)”中“a”是要检索的字符,“g”是检索方式,我们这些照抄。
(代码3)
把变量a的存放结果写入到Html 框架中Id名为"QQQ2838697670"的标签中。如代码4
document.getElementById("QQQ2838697670").innerHTML=a;
(代码4)
定义JavaScript中的Q2838697670()函数,如代码5。
<script>
function Q2838697670()
{
var QQ2838697670="abbbbbeeeeeggggcccccdddddgaa";
var a=QQ2838697670.match(/a/g);
document.getElementById("QQQ2838697670").innerHTML=a;
}
</script>
(代码5)
把代码5块移植进Html5框架中,如代码6
<!DOCTYPE HTML>
<html>
<head>
<title>微信公众号:design-Rabbit</title>
</head>
<body>
<p>字符串为“abbbbbeeeeeaggggcccaccdddddgaa”</p>
<p>用JavaScript字符串match()方法查找有多少个“a”</p>
<p id="QQQ2838697670">单击按钮显示match()查找结果</p>
<button onclick="Q2838697670()">点我</button>
<script>
function Q2838697670()
{
var QQ2838697670="abbbbbeeeeeaggggcccaccdddddgaa";
var a=QQ2838697670.match(/a/g);
document.getElementById("QQQ2838697670").innerHTML=a;
}
</script>
</body>
</html>
(代码6)
运行代码6,就可以看到图1的效果,如果还不会运行方法,可以看我以前写的Html5,学习代码运行方法。
(图1)
看到图1后就说明JavaScript程序运行了,在图1可以看到一个按钮“点我”,点击后效果如图2。
(图2)
图2效果,单击“点我”按钮把“单击按钮显示match()查找结果”这句文本 变成了 “a,a,a,a,a"这句文本 。
这里说明我们的JavaScript试验成功了,在 QQ2838697670变量中的字符串中找出了“a,a,a,a,a",就说明字符串有5个“a”存在。
杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。
更多内容请看
虎哥引流器
http://2008622.3vfree.cc/GongNengYie.html