js字符串拼接代码内方法传递对象型参数

最新推荐文章于 2023-07-12 10:57:19 发布
最新推荐文章于 2023-07-12 10:57:19 发布
阅读量616 收藏
点赞数 2
分类专栏： 前端 文章标签： javascript json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ccutsoft20144264/article/details/127409081
版权

先转成json字符串，再replace(/"/g, '"')

let strCode = '<input onClick="OverviewMap.showModal(' +JSON.stringify(data).replace(/"/g, '&quot;') + ')">'

 

Owen_K
关注
专栏目录
js中console在一行内打印字符串和对象的方法
10-16
如果需要在一行内打印字符串和对象，最直接的尝试可能是将它们进行拼接，如console.log('上传结果'+{obj:'对象',name:'臧三'});。然而，这种方法会导致对象调用其原型中的toString()方法，这通常返回"[object Object...
动态拼接JS时传递对象
fkbush的专栏
11-02 8016
动态拼接HTML、JS时，经常需要传递对象，比如 这个时候，obj是做为字符串来拼接的，而不是做为对象，当obj为数字、字符串时，clickme函数是可以 正确执行的，但是当obj为对象是，这个时候拼接出来的字符串就成了clickme([object Object]),这个时候 就会报JS错误，在不同浏览器下表现也不一样，比如： SyntaxError: missing ] after e
JavaScript——字符串拼接—事件传对象参数
m0_37616866的博客
12-29 1623
一、案例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu
JavaScript传参的6种方式
杜永康的博客
03-23 8458
JavaScript是一门非常灵活的语言，其参数传递方式也同样灵活。在本篇文章中，我们将详细介绍JavaScript中的参数传递方式，并提供相关的示例和解释。
java字符串格式化传参的三种方法
O(∩_∩)O哈哈~
03-01 1221
java格式化拼接字符串的三种方法 String.format() java.text.MessageFormat.format() org.slf4j.helpers.MessageFormatter.arrayFormat()/MessageFormatter.format()
简述一下 vue3 post模式传参（拼接字符串）
qq_42174597的博客
12-07 3762
前几天遇到一个post传参的问题 需要同时拼接字符串 并且在body内传入实体的特此记录一下 js 文件 首先记得引入axios import request from '@/router/axios' // 导入问题 export function leadProblem(obj,id) { return request({ url: '/bms/problemdetails/importQuestion/'+id, method: 'post', data:obj.
axios请求，往URL中拼接字符串以及传递参数的方法
逆风优雅的博客
11-08 7728
一：仅仅拼接字符串 针对后端给的这种接口的地址，我们前端配置的方式可以采用下面的形式： 二、 即需要拼接地址，又需要传递参数的写法： 使用方式：
js将json格式的对象拼接成复杂的url参数方法
10-22
总的来说，将JSON对象转换为URL参数字符串是前端开发中的常见需求。`parseParam`函数提供了一个解决方案，能够处理嵌套结构和数组，确保数据正确编码。然而，实际应用中可能需要进一步优化，例如处理null值或处理非...
javascript setTimeout()传递函数参数(包括传递对象参数)
12-07
在给定的示例中，作者遇到的问题是如何在`setTimeout`中传递对象参数。常规的做法是直接传递函数名和参数，但这在需要传递对象时会变得复杂。作者尝试了一种方法，将函数和参数用字符串拼接，如`setTimeout("fun(" +...
js URL参数的拼接方法比较
11-30
这种方法通过数组的concat方法动态添加参数，然后用join方法连接成字符串，减少了代码量，并且注释也能清晰地与参数对应。 总结来说，选择哪种方法取决于具体的需求和项目风格。如果注重可读性和易于维护，使用对象...
js代码-得到指定分隔符的arguments对象组成的字符串
07-16
在JavaScript编程语言中，`arguments`对象是一个非常特殊且实用的特性，特别是在...在阅读`main.js`时，寻找与`arguments`对象和字符串连接相关的代码段；在`README.txt`中，可能会找到关于如何使用这个功能的指导。
js常用拼接DOM写法+点击事件函数传值(简单数据类型和引用数据类型二)
Leader_yuxi的博客
12-05 1249
结上一节,现在需要在动态生成的DOM元素上绑定点击事件并且通过事件函数传值(简单数据类型和引用数据类型)示例代码如下: 重点分析： 1,String类型传值直接拼接到2,ArrayString类型传值直接拼接到getPrams(“”)引号中,打印出来是 1,5,a,b 自动转为String带,号分割符.3,ArrayObj类型事件函数传值 JSON.stringify()转成JSON字符串直接拼接到事件函数getPrams(“”)引号中会造成双引号冲突,这时候可以就不会冲突,使用时再用转回来.4,Arra
javascript对于onclick事件传值不可以直接传对象的解决办法
sky21sjwzk的博客
03-30 1399
我们可以使用内置的json处理函数进行处理 JSON.stringify(obj).replace(/“”/g,“'”),经过这样处理函数接受到就会变成对象进行处理。Js在渲染 Dom 节点的时候，是要用的字符串拼接形式,所以在对于onlcick事件参数，我们应该转化为字符串的形式进行拼接。我们要将传递的参数先转化为一个json的字符串，并且若在需要的时候再吧json字符串用双引号转化为单引号即可。javascript对于onclick事件传值不可以直接传对象的解决办法。
js拼接 方法里面传参数
zq405677456的博客
07-19 805
传单个参数 cardStr += '<a href="javascript:void(0);" onclick="chooseCard(\''+obj.id+'\')" class="cardManagement 传多个参数 cardStr += '<a href="javascript:void(0);" onclick="cho...
Js动态拼接对象、添加属性
最新发布
CheneyChen27的博客
07-12 2588
放在点符号后面，我们可以动态地指定属性的名字，并将其赋值为变量value。方法将一个新对象和一个拥有动态键值的对象合并在一起。不同的是，我们使用方括号符号来包裹变量key。作为第一个参数，可以确保创建一个新的对象。来动态添加一个名为name。来动态添加一个名为name。，以动态地指定属性的名字。此方法也是使用变量key。二、动态添加对象属性。
JS中拼接dom元素时，处理其事件传参（字符串参数）问题
var200的博客
07-13 1550
我们在做前后端数据交互时，往往需要在前端js写入动态的dom对象，例如下面代码： 这里我们可以发现其中dom对象带有一个点击事件并传递了一个叫"javascript"的参数，此时我们触发点击事件打印一下这个参数会发现： 这是因为浏览器将"javascript"这个参数解析成了一个变量，而不是直接传递这个字符串，所以报错未定义。 使用转义符 \ ，给变量添加引号，将变量转化为字符串。......
js字符串转换为对象格式的3种方法
qq_38801090的博客
01-29 7066
字符串转换为对象格式的3种方法
javascript 字符串转对象
u011485634的博客
07-25 2027
javascript 字符串转对象
js拼接字符串时，字符串的事件参数需要传对象或对象数组的处理方法
我的专栏
05-12 8861
有时候在js拼接字符串时，需要传递对象或
JavaScript点击传参与字符串拼接详解：实例与技巧
本文档主要介绍了JavaScript中关于点击事件传递参数和字符串拼接的相关知识。在JavaScript中，当涉及到函数调用时，特别是动态生成函数名或属性名，字符串拼接显得尤为重要。以下是本文的核心知识点： 1. **字符串...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值