js替换文章中的文字
2015-10-30 13:48
429 查看
一、split
二、replacevar ContentText;//文本
var entrys=KeyWordsText;//关键词
var arr0 = new Array();
//将词关键词分割成数组
arr0 = entrys.split(";");
var values="";
for (var i=0;i<arr0.length-1;i++){
ContentText = ContentText .replace(new RegExp(arr0[i], 'g'),"<span onMouseOut='this.style.textDecoration=\"none\"' onMouseOver='this.style.textDecoration=\"underline\"' style='color:blue;cursor:pointer;'>"+arr0[i]+"</span>");
}
var text="我爱照顾我家,我爱照顾我家,我爱照顾我家,我爱照顾我家,我爱照顾我家,我爱照顾我家,我爱照顾我家,我爱照顾我家,我爱照顾我家"; function init(){ var entrys="爱,家,顾" var arr0 = new Array(); //将词条分割成数组 arr0 = entrys.split(","); var values=""; for (var i=0;i<arr0.length;i++){ var arr1 = new Array(); var count = text.split(arr0[i]).length-1; //按词条分割文章 arr1 = text.split(arr0[i]); var value=""; for(var k=0;k<count;k++){ value = arr1[k].toString() + "<span style='color:blue' onmousemove='overEntry()' onmouseout='outEntyr()'>"+arr0[i]+"</span>"; values += value; } text= values+arr1[9]; values=""; document.getElementById("text").innerHTML=text; } }
二、replacevar ContentText;//文本
var entrys=KeyWordsText;//关键词
var arr0 = new Array();
//将词关键词分割成数组
arr0 = entrys.split(";");
var values="";
for (var i=0;i<arr0.length-1;i++){
ContentText = ContentText .replace(new RegExp(arr0[i], 'g'),"<span onMouseOut='this.style.textDecoration=\"none\"' onMouseOver='this.style.textDecoration=\"underline\"' style='color:blue;cursor:pointer;'>"+arr0[i]+"</span>");
}
相关文章推荐
- js小例子(标签页)
- jsp页面的刷新操作
- jsp页面的跳转问题
- JS常用状态
- JS中onpropertychange和onchange事件区别小结
- js中严格模式与普通模式区别
- JavaScript柯里化
- JS对日期的相关操作
- JavaScript js无间断滚动效果 scrollLeft方法 使用模板
- Javascript数组
- 10个可创建交互式地图的免费JavaScript工具
- jsp实现生成中国国旗图片效果代码
- 纯jsp实现的倒计时动态显示效果完整代码
- js压缩图片(ajax上传)
- 解决gson实体转json时当字段值为空时,json串中就不存在该属性
- JSP页面数据展示:分组数据展示
- JS(JQ)分页 个人查看,没注释
- JS实现带提示的星级评分效果完整实例
- 仿知乎程序(三)读取webService,解析json,volley以及PullToRefreshListView的使用
- js实现 页面显示系统时间(中文显示星期)、动态倒计时页面跳转