Javascript 如何在html中一页显示5条记录

我已经做了一个程序，在这个程序中，我得到了输入字段中输入的项目的记录值，比如说在输入字段中有一个“a”，那么输出应该不超过5，项目的值从a开始

<script>
    function main_func() {
    if (document.getElementById('search_input').value == "") {
        alert("Please Enter a charactor / word..");
    } else {
        var con = document.getElementById('first_div');
        var char = document.getElementById('search_input').value;
        var str = '';
        var ad = ['ab', 'ar', 'af', 'fa', 'af', 'at', 'aaay', 'aad', 'gd', 'nggn'];
        var len = ad.length;
        for (var j = 0; j < len; j++) {
            var str = ad[j];
            var n = str.indexOf(char);
            if (n == 0) con.innerHTML += '<font color=orange>' + str + '</font><br><br><br><br><br>';
        }
    }
}
</script>

函数main_func（）{
if（document.getElementById（'search_input'）。value==“”）{
警告（“请输入字符/单词…”）；
}否则{
var con=document.getElementById（'first_div'）；
var char=document.getElementById（'search_input'）。值；
var-str=''；
var ad=['ab'，'ar'，'af'，'fa'，'af'，'at'，'aaay'，'aad'，'gd'，'nggn']；
var len=广告长度；
对于（var j=0；j





'；
}
}
}

对找到的匹配使用计数器，当循环达到上限时停止循环

var matches = 0;
for (var j = 0; j < len && matches < 5; j++) {
    var str = ad[j];
    var n = str.indexOf(char);
    if (n == 0) {
        con.innerHTML += '<div class="result">' + str + '</div>';
        matches++;
    }
}

var匹配=0；
对于（var j=0；j

出于对一切神圣事物的热爱，不要使用

演示：

---

（仍然存在漏洞，这只解决了五个问题的限制。）

您需要向我们提供更多信息来帮助您。到底是什么问题？请比“它不工作”更具体一些。事实上，即使是“它不工作”也比不加解释地复制/粘贴损坏的javascript要好。这个问题很好地说明了什么是“不是真正的问题”意思是。谢谢，它工作得很好，但若我第二次按下搜索按钮，那个么记录就会重复。这就是我说的“那个里仍然有bug”部分的意思。但是，在显示结果之前清除容器或者用新结果替换innerHTML应该很简单。