首页 > 其他分享 >js 拼接字符串带变量(js方法参数单双引号拼接的问题记录)

js 拼接字符串带变量(js方法参数单双引号拼接的问题记录)

时间:2023-11-29 12:03:30浏览次数:38  
标签:htmlMiddle 双引号 arr js subId length 拼接 var

小结:外面单引号,里面双引号,然后方法参数给转义的单引号即可(看下面的onClick事件即可)

//刷新二级信号表格(增删改操作后)
 function reloadSignal(subId) {
     //清空
     $("#msgAll"+subId).empty();
     //js手工添加表格     
         var htmlStart= '<span style="position: absolute; top: 6px; right: 55px; font-weight: bold;">'+
                              '<a style="font-size: 20px" class="handleAddA" onClick="hideMsg(\'msg'+subId+'\')" href="javascript:void(0);">-</a>'+
                       '</span>'+
        '<span style="position: absolute; top: 8px; right: 85px; font-weight: bold;"> <a style="font-size: 18px" class="handleAddA" onClick="showMsg(\'msg'+subId+'\')" href="javascript:void(0);">+</a>'+
        '</span>'+
        '<span style="position: absolute; top: 12px; right: 5px; font-weight: 400;"> <a class="handleAddA" onClick="manageSubEdit(\''+subId+'\',this)" href="javascript:void(0);">编辑</a>'+
        '</span>'+
        '<div style="display: none; width: 600px; left: 0px; position: absolute; top: 32px; z-index: 999" id="msg'+subId+'">'+
        '<table style="margin: 0 auto; ">';
        
        var htmlMiddle='';
        var arr = [1,2,3];
                    for (var k = 0, length = arr.length; k < length; k++) {
                        htmlMiddle+=
                        '<tr>'+
                        '<td>'+k+'</td>'+
                        '<td>'+k+'</td>'+
                        '</tr>';
                    } 
         var htmlEnd='</table>'+'</div>';
         
     $("#msgAll"+subId).html(htmlStart+htmlMiddle+htmlEnd);
     
 }

 

 

 



标签:htmlMiddle,双引号,arr,js,subId,length,拼接,var
From: https://blog.51cto.com/u_12159706/8613718

相关文章

  • nodejs 基于sharp + smartcrop 实现图片的智能提取排版
    属于一个简单的demo示例,主要是学习下sharp包对于图片的处理,以及基于smartcrop.js实现智能图片抠图结合sharp提供的图片组合能力,实现一个基于模版的图片组合,代码很简单简单任务描述就是有一个图片,我们需要智能的提取核心信息,并生成一个确定大小的图片,然后基于将生成的图片填充......
  • Golang Gin 获取Restful参数、URL查询参数,Form 表单参数,JSON格式参数
    前言http请求中,可以通过URL查询参数提交数据到服务器,可以通过post的json方式,还有一直方式就是Form表单。Form表单相比URL查询参数,用户体验好,可以承载更多的数据,尤其是文件上传时,特别方便。这里推荐飞雪无情的博客;写了一些列的gin的使用教程,很时候新手学习如果想对gin有一个完整......
  • JS对象文档 - FormData
    前言FormData接口提供了一种表示表单数据的键值对key/value的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send()方法发送出去,本接口和此方法都相当简单直接。如果送出时的编码类型被设为"multipart/form-data",它会使用和表单一样的格式。正文构造函数constformData=n......
  • vue2和vue3项目并存时,下载nvm管理nodejs
    1、下载nvm  1)下载一个1.19版本以上的nvm,在执行“npminstall”时报错“npmERR!Unexpectedtoken'.'”。。https://blog.csdn.net/qq_25286361/article/details/1328999372)在nvm/setting.txt中,加入node_mirror:https://npm.taobao.org/mirrors/node/......
  • SQL SERVER JSON_QUERY JSON_VALUE
    response_json:{"code":"000","message":"成功","data":{"secretKey":"","content":"{\"rule_result\":{\"risk_level\&q......
  • 通过npm安装nodejs
    npm(NodePackageManager)是Node.js的包管理器,可以让开发人员更方便地安装、上传、管理和共享代码包。而要使用npm,当然就需要先安装Node.js,下面就来讲讲如何通过npm安装nodejs。在Windows上安装nodejs,可以直接下载Node.js的安装包,然后双击运行即可。然而,在macOS......
  • js 有哪些内置对象
    全局的对象(globalobjects)或称标准内置对象,不要和"全局对象(globalobject)"混淆。这里说的全局的对象是说在全局作用域里的对象。全局作用域中的其他对象可以由用户的脚本创建或由宿主程序提供。标准内置对象的分类(1)值属性,这些全局属性返回一个简单值,这些值没有自己的属性和......
  • quickjs调用lvgl函数
    实现本次使用quickjs的最主要目的,就是通过程序动态加载js,然后调用lvgl函数库,实现渲染。以达到类似小程序的效果。后续还会实现类似小程序效果,通过quickjs解析xml(html),编译成js然后调用lvgl库,实现界面渲染。通过quickjs会调用c语言提供的底层功能,如wifi、蓝牙、串口uart、iic......
  • 页面的json数据浏览器无法访问,还有什么别的办法获取数据?
    大家好,我是皮皮。一、前言前几天在Python钻石流群【空】问了一个Python网络爬虫的问题,一起来看看吧。问题描述:请教一个问题,页面的json数据浏览器无法访问,还有什么别的办法获取数据图片如下:这个问题看上去有点怪怪的。二、实现过程看上去代码倒是很简洁,没啥难度,这里【猫药......
  • # yyds干货盘点 # 页面的json数据浏览器无法访问,还有什么别的办法获取数据?
    大家好,我是皮皮。一、前言前几天在Python钻石流群【空】问了一个Python网络爬虫的问题,一起来看看吧。问题描述:请教一个问题,页面的json数据浏览器无法访问,还有什么别的办法获取数据图片如下:这个问题看上去有点怪怪的。二、实现过程看上去代码倒是很简洁,没啥难度,这里【猫药师Kelly】......