是这样的..
现在有这些关键字:美容,生活,购物
当在文章里头出现这些关键字,就把它加亮显示..
文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...
不知道怎样来实现这样的功能啊?特此求助
复制代码
代码如下:
<script
language="JavaScript">
function
highlight(key)
{
var
key
=
key.split('|')
for
(var
i=0
i<key.length
i++)
{
var
rng
=
document.body.createTextRange()
while
(rng.findText(key[i]))
//rng.pasteHTML(rng.text.fontcolor('red'))
rng.pasteHTML('<div
style="border:1
solid
reddisplay:inline"><a
href="#"
title="+
rng.text
+">'
+
rng.text
+
'</a></div>')
}
}
highlight('文章|关键|功能')
</script>
日常开发中经常会遇到搜索框查询的例子，需要对数组中的元素进行检索并查询出所需的结果，通过如下方式简单实现了一个小的模糊查询，具体如下：首先，用到了两个方法
1.对数组通过 filter 的方式遍历查询搜索的 key
2.对遍历出的结果进行字符串的模糊查询 str.indexOf("xxx") != -1
其次，通过如上两种方法的组合从而获得一个类似模糊查询的效果；
最后，具体实现 code 如下：
此次实现搭配使用的是该 Vant Search 组件
UI 部分很简单直接根据 demo 实例集成即可。
以上便是此次分享的全部内容，希望能对大家有所帮助！
这是自动完成功能思路：
当你输入一个字符之后（这个可以你自己定义变量来约束，随便几个），通过AJAX访问后台，查询到所有结果包含你输入的字符的一个结果集 然后再返回给前端 当然你可以在后台封装好（即拼接hmtl代码和结果） 将返回的结果放到文本框下面的那个DIV里面 显示出来 就OK了
具体代码不难 如果你是程序员 告诉你思路应该就可以实现了
