js中onClick([object object])的传参问题

作者: simperLv | 来源:发表于2019-08-02 17:35 被阅读0次

出现这个问题是我在渲染 dom 节点的时候，是用的字符串拼接形式。

var  param1 = ....
var param2 = ....
return "<span style='color:blue;' onclick='fnStart("+param1+","+param2+")'>启用</span>";

所以，对于 onclick 事件中的参数，我们也因该转化成字符串的形式进行拼接。如果传入一个 js 自定义对象，那渲染后的页面上的 dom 就会出现 onClick([object object]) 这种形式。然后告诉我没定义这个值

解决方法： JSON.stringify 方法，对参数序列化

var  param1 = ....
var param2 = ....
param1 = JSON.stringify(param1 );
param2 = JSON.stringify(param2 );

js中onClick([object object])的传参问题
出现这个问题是我在渲染 dom 节点的时候，是用的字符串拼接形式。所以，对于 onclick 事件中的参数，我们...
js拼接html中onclick方法传对象
js拼接html中方法传参对象func('obj') 防止变成 func('[object object]
Three.js中的类型转换
Three.js中的object类型没有像Unity里可以通过getcomponent获取物体身上组件，这样在传参...
js中Object.defineProperty()方法的解释
js中Object.defineProperty()方法的解释菜菜： “老大，那个， Object.define...
java自动化测试框架第三篇-如何处理复杂的传参
简单的传参 1. 使用场景 2.解决办法 3. 用例引用 body中带object的传参 1. 使用场景一般的传...
JavaSE基础知识学习-----Object类
Object类 java.lang.Object类，是所有类的根父类， Object类中只有一个空参的构造器 eq...
js object 对象
在js中，object是最基本的数据类型，所有对象都是由object产生。那么object如此重要，它本身有哪些属...
JavaScript中的Object对象
JavaScript中的Object对象，是JS中所有对象的基类，也就是说JS中的所有对象都是由Object对象衍...
PHP7新增和修改内容涉猎
新特性传参类型拓展指定形参类型是PHP 5就支持的一项特性, 形参支持 array - 数组、 object ...
js与ES6对象常用方法区别
js与ES6对象常用方法区别js中对象方法 Object.assign//用于克隆 Object.is()…用于判...

网友评论

本文标题：js中onClick([object object])的传参问题

本文链接：https://www.haomeiwen.com/subject/yscrdctx.html