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

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

时间:2023-11-07 12:11:52浏览次数:34  
标签:htmlMiddle 双引号 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,双引号,js,subId,length,拼接,var
From: https://www.cnblogs.com/rdchen/p/17814719.html

相关文章

  • window系统通过反向代理部署nodejs
       https://dev.to/petereysermans/hosting-a-node-js-application-on-windows-with-iis-as-reverse-proxy-397b ......
  • http://localhost:xxxxx/sockjs-node/info?t=1699323049868
    http://localhost:xxxxx/sockjs-node/info?t=1699323049868 sockjs-node是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。解决办法: 配置devServer,然后重启项目1.在vue.config.js中找到devServer中加入 host:'l......
  • 使用 JSON JavaScriptSerializer 进行序列化或反序列化时出错。字符串的长度超过了为
    一个报表的查询,用ajax调用的Service,查询条件没有问题,后台也能返回数据,就一直返回Error提示,F12看到是因为返回json时出错了 在web.config的configuration加以下代码即可解决<system.web.extensions><scripting><webServices><jsonSerializationmaxJs......
  • js将数字转换为对应的中文数字
    /***将数字转换为中文*@param{}num*@returns*/exportconstchangeNumToHan=(num)=>{vararr1=['零','一','二','三','四','五','六','七','八','九'......
  • 在NestJS应用程序中使用 Unleash 实现功能切换的指南
    前言近年来,软件开发行业迅速发展,功能开关(FeatureToggle)成为了一种常见的开发实践。通过功能开关,可以在运行时动态地启用或禁用应用程序的特定功能,以提供更灵活的软件交付和配置管理。对于使用NestJS框架构建的应用程序而言,实现功能开关也是一项重要的任务。而Unleash是一个......
  • js 数组按指定字段转map-list结构
    js数组按指定字段转map-list结构背景介绍在开发过程中经常会出现接口返回整个数组,我们需要将数组进行二次处理,如下格式按照不同功能模块(type)进行数据拆分原始数据constlist=[{"type":"red","id":1,"name":"a","count":1}, {"type":"red","......
  • js获去select选中值
    我想获取select选中的value,或者text,或者……比如这个:第一个option第二个option一:JavaScript原生的方法1:拿到select对象:`varmyselect=document.getElementById("select");2:拿到选中项的索引:varindex=myselect.selectedIndex;//selectedIndex代表的是你所选中项的ind......
  • js之文档对象操作
    DOM:文档对象模型怎样选择对应的元素(即标签)?对元素能做哪些操作?DOM中将HTML文档视为树结构节点:网页中的所有内容叫节点。案例:网页开关灯渲染效果:......
  • JS 怎么获取视频第一帧作为封面图?
    要获取视频的第一帧作为封面图,你可以使用HTML5的<video>元素和JavaScript来实现。下面是一个简单的步骤:在HTML中,创建一个<video>元素,并设置视频的路径或URL:<videoid="myVideo"src="path/to/video.mp4"width="320"height="240"></video>在JavaScript中,......
  • Vue.js中如何将v-model与方法绑定
    在Vue.js中,可以使用v-model指令将表单元素的值与Vue实例中的数据属性进行双向绑定。如果你希望将v-model与方法绑定,可以使用计算属性或者自定义指令来实现。使用计算属性:通过定义一个计算属性来处理v-model的绑定,并在需要的时候调用方法。下面是一个示例:<template><d......