统计字符出现的次数

JS计数函数解析

最新推荐文章于 2021-01-10 12:21:09 发布

转载最新推荐文章于 2021-01-10 12:21:09 发布 · 304 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wxc2/p/10017576.html

本文介绍了一个使用JavaScript编写的简单计数函数，该函数能够统计HTML元素中特定字符串出现的次数。通过分析网页中带有'id'为'p1'的段落元素，此函数能够找出并计算start字符串的频率，并将结果展示在页面上。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./index.css">
    <title>js学习</title>
</head>
<body>
    <p id="p1">start,stop,speed,start,speed ,velocicty,start</p>
    <button onclick="fun()">Try it</button>
    <p id="demo"></p>
    <script src="./index.js"></script>
</body>
</html>

function fun(){
    var str = document.getElementById("p1").innerHTML;
    var num=0;
    var a=str.indexOf("start");
    while(a!==-1){
        a=str.indexOf("start",a+1);
        num++;
    }
    document.getElementById("demo").innerHTML = num;
}

转载于:https://www.cnblogs.com/wxc2/p/10017576.html