js中mark怎么用?
JavaScript插件Mark.js ,可以輕松地在任何頁面上添加突出顯示搜索功能 。默認情況下,它可以用作普通的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+)。 如果您遵循文檔并使用最新文件,則設置起來真的很容易。