默认情况下,它可以用作普通的JS插件,但也可以在jQuery之上运行。 这是一个完全开源的项目,因此您可以在任何商业网站或其他网站上自由使用它。
它具有与其他浏览器搜索功能非常相似的功能,只是它具有额外的功能。 您可以添加自己的自定义过滤器,并基于正则表达式 , 特定的同义词甚至在iframe之类的动态页面元素中搜索单词。
首先,只需从GitHub下载Mark.js文件或通过CDN托管文件即可节省时间。
您应该运行连接到页面输入字段的此功能。 这样,用户可以输入搜索词并通过突出显示的文本立即获得反馈 。
这是演示页面中的示例片段 :
$(".context").mark(keyword [, options]);
.context类针对函数应在何处搜索术语 。 如果您要搜索整个页面,则可以使用默认HTML <body>元素 ,也可以传递多个元素,例如不同的选项卡式小部件或iframe。
然后,在mark()函数内部, 传递关键字 ,以及选项(如果需要)。
如果让用户键入关键字,则可以在每次按键后使用新关键字自动更新功能 。 甚至还有一个针对此事件的特定功能 。
Mark.js 可与所有主流浏览器一起使用 ,包括Chrome,Firefox,Opera(v12 +)和Internet Explorer(9+)。 如果您遵循文档并使用最新文件,则设置起来真的很容易。