首页 > 其他分享 >js正则匹配以$开头和结尾的内容,并改变颜色

js正则匹配以$开头和结尾的内容,并改变颜色

时间:2023-06-27 13:35:59浏览次数:35  
标签:结尾 res js 正则 开头 你好

 

let res = "$你好你好$"
res = res.replace(/\$(?<=\$).*?(?=\$)\$/g,
          `<span onclick="((params)=>{
              console.log(params)
          })('$&')" style="color: dodgerblue;padding: 0 5px;">$&</span>`)

 

标签:结尾,res,js,正则,开头,你好
From: https://www.cnblogs.com/Man-Dream-Necessary/p/17508583.html

相关文章

  • JS(函数、作用域、预解析)
    一函数的概念在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。虽然for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用JS中的函数。函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量......
  • 【node.js】Node.js下载安装(在vscode中使用)01
    ......
  • js-如何设置input只能输入数字
    如何设置input只能输入数字 方法一将<input>标签中的​type​属性直接设置为​number​就可以达到只能输入数字。但是这个方式有一个缺点,它只能作用于网页端,在手机输入的话还是可以输入汉字或英文:<inputtype="number"name="">方法二还是一样在<input>标签上设置,代码如......
  • js-关于数组中includes()的使用方法
    关于数组中includes()的使用方法1.includes简单介绍说明 1.includes()方法是用来判断一个数组是否包含一个指定的值,返回一个布尔值,如果是返回true,否则false。2.其中,includes(a,b)括号里第一个参数a为必选参数,表示要查找的某个参数;第二位b为可选参数,表示从某个索引位置开始......
  • Three.js教程:gui调试界面2
    推荐:将NSDT场景编辑器加入你的3D工具链其他系列工具:NSDT简石数字孪生gui调试界面2-颜色命名等本节课结合threejs,给大家介绍gui.js库更多的方法。.name()方法.add()创建的交互界面,会默认显示所改变属性的名字,为了通过交互界面更好理解你改变的某个对象属性,你可以通过.name()方......
  • eggjs学习
    前言:学习nodejs作为服务端的eggjs,成本还是不小的,把很久以前的东西重新捡回来的感觉。要记忆大量的知识点。  学习egg.js,看这一篇就够了!https://juejin.cn/post/6995063516470198279 官方文档:https://eggjs.github.io/zh/guide/文档不适合短时间看完,知识点平铺直叙,没法......
  • JS 数组遍历的方法
    <!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title></title></head><body><script>vara=[1,2,3,4,5,6];varb=a.some(function(ele,index,arr){console.......
  • JS 随机从数组中取出几个元素
    从数组items中随机取出一个元素varitem=items[Math.floor(Math.random()*items.length)]; 例子:<!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title></title></head><body><script&g......
  • JS Cookie的操作
    <!DOCTYPEhtml><htmllang="zh-cn"><head><metacharset="UTF-8"><title>JSCookie的操作</title><script>//设置cookie值的函数functionsetCookie(cname,cvalue,exdays){ vard=newDate(); d.setTime(......
  • JS HTML经典框架
    switch.html<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv=&qu......