javascript 轮换对象

JavaScript文本替换技巧

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 199 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #xhtml #ViewUI

本文介绍了一种使用JavaScript实现文本中特定字符串的高亮显示的方法，通过正则表达式匹配目标字符串，并将其包裹在HTML标签中以实现视觉上的突出。

详细请点击：http://www.verydemo.com/demo_c98_i20380.html

javascript 替换对象
var str1="北京abccc北京abc,fdsaf北京"
需要替换为str2="<font >如何处理呀？

------解决方案--------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>NewDocument</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="generator" content="Editplus" />
        <meta name="author" content="" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
    </head>
    <body>
        <input type="text" id="search" onkeyup="searchDate()"/>
        <div id="cnt">a只是一个简单的例子，如用csdn的替换的，如将cSdn,CSdn，优快云等 这种组合全部给增加font，但是里面的原有的字母是不能改变的</div>
        <script type="text/javascript">
            var cacheData = cnt.innerHTML;
            var searchDate = function () {
                var key  = document.getElementById("search").value;
                var patten = new RegExp("("+key+")","gi");
                document.getElementById("cnt").innerHTML = cacheData.replace(patten,"<i >