`
liangjian103
  • 浏览: 177539 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用生僻字实现双字词高亮显示

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script src="jquery.js" type="text/javascript"></script>
  
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var formerly =""; 
function highlight(){
	qx("span");
	formerly = $("span").html();
	var str = document.getElementById("search").value;
	var colors = ['red','yellow'];
	var s= new Array();
	s = str.split(',');
	if(s.length>0){
		if(s[0]!=''&&s[1]!=''){
	    	_hightLight('span', s[0], s[1], colors);
	    }
    } 
}
		
function _hightLight(elem, key01, key02, color) {
	$(elem).each(function(i){
		var h = $(elem).html();
		h = replaceAll(h,key01, "龖");
		h = replaceAll(h,key02, "龘");
		var temp01 = replaceAll(h,"龖", "<font style='background-color: "+color[0]+"'>" + key01 + "</font>");
		var temp02 = replaceAll(temp01,"龘", "<font style='background-color: "+color[1]+"'>" + key02 + "</font>");
		$(elem).html(temp02);
	}
	);
}
function qx(elem){
	if(!formerly==""){
		$(elem).html(formerly);
	}
}
/**
 * @author liangjian
 * @name replaceAll JS用于替换一个字符串中对应的所有的字符串
 * @param String  initStr 原字符串。
 * @param String  rstr  要转化的字符串。
 * @param String  rs  转换成的字符串
 * @return String str;
 */

function replaceAll(initStr,rstr,rs)
{ 
  str='';
  while(initStr.indexOf(rstr)!=-1) 
  {
   k=initStr.indexOf(rstr);
   initStr=initStr.replace(rstr,rs);
   str+=initStr.substr(0,k+rs.length);
   initStr=initStr.substr(k+rs.length);
  }
  str+=initStr;
 return str;
}

</script>
   
  </head>
  
  <body>
   <input type="text" name="search" id="search" />
   <button onclick="highlight()">高亮</button><br/>
   <button onclick="qx('span')">取消</button><br/>

   
<span >
<p>
梁健测试一下。。
</p>

cssrain jquery demo.高亮
我的love--jQuery.
 jquery demo.
我的love--jQuery. 高亮 高亮
cssrain jquery demo.

我的love--jQuery. 
cssrain jquery demo.
我的love--jQuery cssrain jquery demo.我的love--jQuery. cssrain jquery demo.我的love--jQuery. 
555
</span>




  </body>
</html>

 

分享到:
评论

相关推荐

    chrome生僻字解决方案

    在使用Chrome浏览器时,有时会遇到显示生僻字的问题,这主要是由于系统默认的字体库不包含某些罕见或特殊的汉字,导致浏览器无法正确渲染。Chrome生僻字解决方案主要涉及以下几个方面: 1. **字体替换**:Chrome...

    font_生僻字.zip

    标题“font_生僻字.zip”表明这是一份与生僻字相关的压缩文件,很可能包含的是特殊字体或者字库,用于显示那些不常见或者在日常生活中很少使用的汉字。生僻字,顾名思义,指的是那些在汉语中使用频率极低的字符,...

    处理生僻字

    在Visual Studio 2010中,可以创建一个新的C# Class Library项目,然后定义一些方法来处理生僻字,如转换编码、验证生僻字、显示生僻字列表等。例如,可以创建一个静态类`RareCharacterHelper`,并提供如`...

    汉字GBK首字母(含生僻字)C++实现代码文件

    这个压缩包中的资源,"汉字GBK首字母(含生僻字)C++实现代码文件",提供了一个C++解决方案,用于获取汉字的GBK编码对应的首字母,包括了生僻字以及特例汉字的处理。GBK是GB2312的扩展,增加了更多的汉字和符号,...

    生僻字安装包.zip

    生僻字又称冷僻字,指不常见的或人们不熟悉的汉字。 自从有汉字以来,汉字也是在不断发展和变化的。中国最早的文字是商代的甲骨文,约为3500至4500字,因为其中有些符号,现在也不能确定是不是文字,或者那个时代的...

    Delphi的TNT系列控件,可录入并显示显示生僻字

    Delphi的TNT系列控件,可录入并显示显示生僻字。 下载链接:https://pan.baidu.com/s/152GP1bVxijo4e2frqVljRg 密码:uwxn 超简单安装delphi tnt控件? 双击跟你D版本一致的.dpk文件,出现一个窗口,点install即可,再...

    db2 生僻字排序解决方案

    ### db2生僻字排序解决方案 #### 背景与问题描述 在处理中文环境下的数据时,经常会遇到一些生僻字或者特殊字符在数据库中的排序问题。这些问题往往会导致查询结果不符合预期,尤其是在使用像DB2这样的大型关系型...

    人口字库生僻字

    人口字库 生僻字输入和打印,显示都可以。方正宋一人口信息字库有三万个以上字符,非常全

    delphi 汉字转拼音首字母含生僻字

    这个主题聚焦于在Delphi环境下实现一个功能,即将汉字转换为拼音首字母,包括处理生僻字的情况。这个功能在多种场景下都有用到,比如中文数据的索引、搜索优化或语音识别的预处理。 首先,我们要理解汉字转拼音的...

    繁难字库生僻字不用造

    - **字量规模**: 该字库包含了大约16,000个字符,覆盖了大量的生僻字需求,满足了不同领域的使用场景。 - **版权情况**: 这个字库并未申请专利保护,而是以非商业目的在师友、同行之间免费流通。这意味着任何人可以...

    生僻字与16进制的转换

    标题中的“生僻字与16进制的转换”是一个关于字符编码和数据表示的专题。在计算机系统中,字符的存储和传输通常涉及到各种编码方式,如ASCII、GBK、UTF-8等。生僻字是指那些在常用汉字中不太常见的字,它们往往不在...

    delphi7环境下 汉字拼音首字母 含3000+生僻字

    前辈的汉字转拼音首字母适合于delphi高版本,用笨办法成delphi7可用,效率不算差,这个最大的好处,遇到任何生僻字,都可以通过调整识别解决,已经解决了一大部分生僻字了。

    PHP 过滤生僻字和特殊字符

    3. **用户体验**:生僻字和特殊字符可能导致页面显示异常,影响用户阅读体验。 4. **规范性**:在特定场景下,如URL编码、邮件地址、文件名等,有特定的字符限制。 PHP过滤生僻字和特殊字符的方法主要有以下几种: ...

    生僻字区位码对照表

    生僻字区位码对照表

    《生僻字》歌词及相关字词注音、解释[收集].pdf

    "《生僻字》歌词及相关字词注音、解释[收集]" 本资源摘要信息主要介绍中国汉字的历史、发展和文化 significance,以及相关的字词注音和解释。 标题:《生僻字》歌词及相关字词注音、解释[收集] 描述:该歌词介绍...

    公安生僻字安装包

    很多输入法中没有的汉字可以从这里输入。源自公安局人民录入系统。

    生僻字带增强图片数据集

    生僻字带增强图片数据集是一个专门针对生僻汉字的图像处理资源,它结合了计算机视觉和自然语言处理领域的知识,旨在帮助开发者和研究人员训练更准确的汉字识别模型,特别是对于那些不常见、使用频率较低的汉字。...

Global site tag (gtag.js) - Google Analytics