jQuery高亮页面中的关键字

github

https://github.com/julmot/mark.js

相关说明

image

Examples

<script src="/Public/js/jquery.min.js"></script>
<script src="/Public/js/jquery.mark.min.js"></script>
<script>
	function getQueryVariable(variable) {
		var query = window.location.search.substring(1)
		var vars = query.split("&")
		for (var i = 0; i < vars.length; i++) {
			var pair = vars[i].split("=")
			if (pair[0] == variable) {
				return decodeURI(pair[1])
			}
		}
		return (false)
	}
	$(function () {
		var keyword = getQueryVariable('keyword')
		console.log(keyword)
		$("html").markRegExp(new RegExp(keyword));
	})
</script>
<style>
	mark {
		color: red;
		background-color: yellow;
		font-weight: bold;
	}
</style>

posted on 2022-09-09 09:06  小馬過河﹎  阅读(37)  评论(0)    收藏  举报

导航