js替换文章中的文字

最新推荐文章于 2024-06-30 15:23:53 发布

gavinkelland

最新推荐文章于 2024-06-30 15:23:53 发布

阅读量1.9k

点赞数

分类专栏： JS 文章标签： js替换文章中的文字

本文链接：https://blog.csdn.net/gavinkelland/article/details/49510585

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、split

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' οnmοusemοve='overEntry()' οnmοuseοut='outEntyr()'>"+arr0[i]+"</span>";
				values += value;	
				
			}
			
			 text= values+arr1[9];
			values="";
			document.getElementById("text").innerHTML=text;
		}
		
		
	
	}

二、replace

var 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>");
		}