jquery highlight 搜索结果高亮显示

jquery 有一个插件jquery.highlight.js，很方便好用    下载地址

假设静态文件为 a.ftl，对应的 JavaScript文件为 a.js，CSS 文件为 a.css

在 a.js 文件中引入 jquery.highlight.js

在 a.css 中设置高亮的样式，比如

.highlight {
    background-color: #FFFF88;
}

对于 a.ftl 中想要高亮显示的区域，比如

<div class="detail">
...
</div>

在这两个 div 之间

那么在 a.js 中设置

$('.detail').highlight(text);

即可。text是想要高亮显示的文字。

如果是当前页面的搜索结果，把搜索值 value 赋给 text 即可。

如果是在另一个页面 b.ftl b.js 中搜索，

可以通过 cookie 传递搜索值。

比如，在 b.js 中设置

cookie.setCookie("key",value);

在 a.js 中通过

var value = cookie.getCookie("key");

获取搜索值。