Question

有没有办法在单个网页中构建搜索功能？我需要将一个小词汇表转换为一个网页，他们希望它可以搜索（词汇表只有大约30个单词和定义）。我想用javascript做这个，因为我没有任何数据库类型的编程经验，我最初的想法是有一个文本输入字段，并根据用户的输入跳转到页面中的哈希URL（如果哈希存在）。这是最好的方法吗？我一直在寻找某种插件，提供这种类型的功能，但没有遇到任何东西？任何类型的方向最好处理这样的事情会有所帮助。

由于

Answer 1

这是我一起扔的例子......

var foos = document.getElementsByClassName('foo'),
    srch = document.querySelector('#search');

srch.addEventListener('keyup', function () {
    var i = 0;
    for(; i < foos.length; i++) {
        if(foos[i].innerHTML == srch.value) {
            foos[i].classList.add('match');
        } else {
            foos[i].classList.remove('match');
        }
    }
});

<强> DEMO

您可能希望将匹配功能包装在setTimeout或其他内容中，以避免在每个按键上搜索。

构建可搜索的词汇表网页

1 个答案: