网站导航网学 原创论文 原创专题 网站设计 最新系统 原创论文 论文降重 发表论文 论文发表 UI设计定制 论文答辩PPT格式排版 期刊发表 论文专题
返回网学首页
网学原创论文
最新论文 推荐专题 热门论文 论文专题
当前位置: 网学 > 交易代码 > ASP.Net精品代码 > 正文

JS关键字加亮

论文降重修改服务、格式排版等 获取论文 论文降重及排版 论文发表 相关服务

形如Google,Baidu的搜索关键字加亮,我比较了好几个,还是脚本之家的最好,javascript方法实现很简单,如果添加上面很炫,有需要的仁兄可以看看。

1、单个关键字加亮
代码: 

  1. <div id="txt">  
  2.  
  3. 用JS让文章内容指定的关键字加亮 
  4.  
  5. 是这样的..  
  6.  
  7. 现在有这些关键字:美容,生活,购物  
  8.  
  9. 当在文章里头出现这些关键字,就把它加亮显示..  
  10.  
  11. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...  
  12.  
  13. </div>  
  14.  
  15. <script language="JavaScript">  
  16.  
  17. document.getElementById("txt").innerHTML =  
  18.  
  19.      document.getElementById("txt")..innerHTML.replace(/文章/gi, 
  20.      "<font color=red>文章</font>");  
  21.  
  22. </script> 

2、多个关键字加亮
代码:
 

  1. <div id="txt">  
  2.  
  3. 用JS让文章内容指定的关键字加亮 
  4.  
  5. 是这样的..现在有这些关键字:美容,生活,购物  
  6.  
  7. 当在文章里头出现这些关键字,就把它加亮显示.. 
  8.  
  9. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...  
  10.  
  11. </div>  
  12.  
  13. <script language="JavaScript">  
  14.  
  15. document.getElementById("txt").innerHTML =  
  16.  
  17.     document.getElementById("txt").innerHTML.replace(/(文章)|(关键字)|(功能)/gi, 
  18.  
  19.      "<font color=red>$1$2$3</font>");  
  20.  
  21. </script> 

字符 含义
$ $ (JScript 5.5 或更新版本)
contentamp; 指定与整个模式匹配的 stringObj 的部分。 (JScript 5.5 或更新版本)
JS关键字加亮_网学

当前位置: 网学 > 交易代码 > ASP.Net精品代码 > 正文

JS关键字加亮

论文降重修改服务、格式排版等 获取论文 论文降重及排版 论文发表 相关服务
指定由 contentamp; 描述的匹配之前的 stringObj 部分。 (JScript 5.5 或更新版本)
版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师
指定由 contentamp; 描述的匹配之后的 stringObj 部分。 (JScript 5.5 或更新版本)
$n 捕获的第 n 个子匹配,此处 n 为从1到9的十进制一位数。 (JScript 5.5 或更新版本)
$nn 捕获的第 nn 个子匹配,此处 nn 为从01到99的十进制两位数。 (JScript 5.5 或更新版本)
g,全局模式匹配
i,不区分大小写匹配

注:
1〉如果你需要通过传递参数来获得关键字,你只要适当调整代码就可以了。
2〉千万注意你样式里面含有相同的关键字的匹配,如关键字是“1”的时候,你的样式里面有height=1,这是就会出现错误,这些具体的错误,你们就要自己具体调试了。  

  • 上一篇资讯: IList及泛型集合类转换DataTable
  • 下一篇资讯: 谈c#数据库存取图片的方式
  • 相关资讯

    网学推荐

    原创论文

    文章排行榜

    设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创
    版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师