javascript改变特殊指定字符的背景颜色

最新推荐文章于 2023-03-24 14:49:00 发布
最新推荐文章于 2023-03-24 14:49:00 发布
阅读量1k 收藏
点赞数
分类专栏： c#(asp.net) 文章标签： javascript html function server div input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wslyy99/article/details/5600845
版权

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
        <script language="javascript" type="text/javascript">
    function CheckFrm()
    {
          var html_=document.getElementById("Htmlcode").value;  //存放html code
           //document.getElementById("div1").innerHTML = "<b>aaaa</b>";
          var array_=document.getElementById("str_array").value;   //存放关键变量数组
           var strArray= new Array();
           strArray=array_.split(",");
            //var  html_1=html_;    
          var html_1=htmlEncode(html_);
             var aa;
             var re;
           for(i=0;i<strArray.length;i++)
           {
              //if(html_.indexOf(strArray[i])>-1)
             // {
               //document.getElementById("div1").innerHTML = "<b>aaaa</b>";
               // document.write(strArray[0]+"<br>");
                aa=strArray[i].trim();
                re=new RegExp(aa,"g");
                html_1=html_1.replace(re,"<span style='color:#F90'>$&</span>");
               //alert(strArray[i]);
             // }
           }
            document.write(html_1);

    }
    String.prototype.trim = function()
    {
      var reExtraSpace = /^/s*(.*?)/s+$/;
      return this.replace(reExtraSpace,"$1");
    }

    var htmlEncode=function(s){
    var t=document.createElement("div");
    t.appendChild(document.createTextNode(s))
    return t.innerHTML;
    };
    </script>
   
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1">
        <input id="Htmlcode" runat="server" type="hidden"  value="<html><title>##AA##</title><header></header><body>##BB##</body></html>##CC##"/>
        <input id="str_array" runat="server" type="hidden"  value="##AA##,##BB##,##CC##"/>
        <script type="text/javascript">CheckFrm();</script>
    </div>
    </form>
</body>
</html>


------------------------------------------------------------------

<html>
<head> 
<script language="javascript" type="text/javascript">
var htmlEncode=function(s){
    var t=document.createElement("div");
    t.appendChild(document.createTextNode(s))
    return t.innerHTML;
};
function CheckFrm()
    {
var hidden1="<html><title>##AA##</title><header></header><body>##AA##</body></html>##AA##";
hidden1=htmlEncode(hidden1);
var aa="##AA##";
var re=new RegExp(aa,"g");  
hidden1=hidden1.replace(re,"<span style='color:#F90'>$&</span>");
document.write(hidden1);
}
</script>

</head>
<body>
 <form id="form1">
 <script type="text/javascript">CheckFrm();</script>
   </form>
</body>
</html>

 

 

给力地板油
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何修改js内的文字颜色
CYJ_CYJ的博客
06-17 9796
最近做项目想修改文字颜色,html 修改就比较简单，直接加样式就好了,但又用到了 js，那js里面的文字颜色该怎么修改呢，话不多说，代码如下： ps: jQuery文件需要另行下载 附上链接：JQuery下载 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="JQuery/jquery.min.
JavaScript 动态网页实例 —— 背景效果
最新发布
cccloveforever的博客
06-29 1134
页面背景是网页设计中必不可少的重要内容之一，其背景的好坏直接影响网页浏览者的浏览兴趣。网页背景分为背景图和背景色两种，对于普通的背景图和背景色，完全可以通过HTML实现，而要实现复杂的背景效果，则需要借助于JavaScript。本章介绍页面背景的一些实现效果。首先是一个页面背景随机切换的实例:然后，通过3种不同的方法，分别实现用户对页面背景的自动选择:最后，介绍一个闪电的页面背景效果。
js添加不同颜色的行练习
l2535460824的博客
06-13 934
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script&gt; function create() { var mtable=document.getElementByI
js 利用window.getSelection() 实现简单的文字标注（鼠标选中文本，给其加、背景色等等）
weixin_47673852的博客
03-24 1533
window.getSelection()
如何用原生js给特定元素随机添加背景色
花神的博客
05-17 5713
每次做项目都是red,pink,blue,不仅单调乏味，而且充分暴露了自己三级甲等的英语水平，作为一名有理想，积极向上的程序员，这是果断不能忍的事情，今天刚好写一个用原生js给特定元素随机添加背景色的方法，瞬间让单调的生活丰富多彩起来，有了此方法妈妈再也不用担心我找不到女朋友了。源码：<!doctype html> <html lang="en"> <head> <meta charset=
codemirror 提示方法自定义及方法参数添加背景色
xujing_06的博客
06-17 3910
html <sr-codemirror class="codemirror" :codemirror-Option="cmOption" :codemirror-Model="cmModel" @codemirrorChange="changeText" :codemirrorPlaceholder="'请输入'" ></sr-codemirror>
JavaScript
Quella_ly的博客
06-29 1019
==JavaScript 是一门跨平台、面向对象的脚本语言==，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。JavaScript 是用来控制网页行为的，它能使网页可交互；那么它可以做什么呢？如改变页面内容、修改指定元素的属性值、对表单进行校验等，下面是这些功能的效果展示：改变页面内容当我点击上面左图的 按钮，按钮上面的文本就改为上面右图内容，这就是js 改变页面内容的功能。修改指
javascript实现类似百度分享功能的方法
10-23
此外，文章中也提到了一些技术细节，例如使用encodeURIComponent()函数对特殊字符进行编码，以确保分享到第三方平台的链接可以被正常识别和解析。同时，使用rel="nofollow"属性来防止SEO中的链接权重流失。 总结来...
程序天下:JavaScript实例自学手册
07-08
11.1 背景颜色测试 11.2 RGB颜色在线转换 11.3 颜色切换板 11.4 下拉菜单 11.5 左键弹出式菜单 11.6 目录样式的下拉菜单 11.7 网页中的选项卡 11.8 静态导航菜单 11.9 烟花效果的下拉菜单 11.10 网络导航条 11.11 ...
用JS实现变换背景和字体颜色
weixin_34356310的博客
08-26 980
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.5.1/jquery.min.js"></script> <script> //setTimeout ...
将一个字符串中的特定字符添加颜色
ANDY_GUO_wei的专栏
09-17 3519
/**  将一个字符串中的特定字符添加颜色 */ - (NSMutableAttributedString *)colorStr:(NSString *)colorStr withColor:(UIColor *)color font:(NSInteger)font  {     NSRange range = [self rangeOfString:colorStr];     NSMut
HTML更改输入框背景色,更改HTML文本输入元素的背景颜色
weixin_42202595的博客
06-04 1631
我想知道是否可以更改HTML文本输入元素(文本框)中特定字符的背景颜色。我正在编写一个javaScript(jQuery)验证器，用于检查转义字符数组。这是关于'模糊'功能的Jquery。我的目标是改变用户在文本框本身内输入的非法字符的背景(从外部循环的开始向下6行)。我知道你可以改变整个文本框的背景颜色，但我只是想在文本框中定位非法字符。这可能吗？谢谢，Alex$('#contactInfoTa...
js 改变匹配到的字符串的颜色 — replace
Jana Jing的分享
06-28 3626
1、js判断是否存在，存在则替换 -- 缺点：只能替换第一个匹配的字符，如果存在多个，则对后面的无效 if(text.indexOf(this.searchText)>=0) { text = text.replace(this.searchText,"<span style='color:red;'>" + this.searchText+"</span>"); } return text; 2、正则匹配替换，，完美，，全部可以替换 ，，我的正则中使用了变量.
JS 使用获取节点方式改变指定标签背景颜色
夏沐的博客
01-20 6170
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;title&lt;/title&gt; &lt;style&gt; div { width: 300px; hei
JavaScript中的节点操作与函数this深入理解
对于样式设置，JavaScript提供了一种直接修改元素样式的途径，如`document.body.bgColor = "red"`，这将改变当前文档的背景颜色为红色。这种方式允许我们在运行时动态调整页面的视觉效果。 在JavaScript中，`typeof...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值