如何在onclick事件中传递对象参数？

最新推荐文章于 2024-03-18 17:47:00 发布
最新推荐文章于 2024-03-18 17:47:00 发布
阅读量2w 收藏 7
点赞数 2
分类专栏： 随笔 文章标签： javascript onclick json obj string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/skarp_/article/details/81181600
版权

var user = {id:1, name:'zs', age:20};

var ele = '<a οnclick="edit(' + JSON.stringify(user).replace(/"/g, '&quot;') + ');">修改</a>';

或者 

var ele = '<a οnclick="edit(\'' + JSON.stringify(user).replace(/"/g, '&quot;') + '\');">修改</a>';

前者取到的是json对象，后者取到的是json字符串。

点击查看更多
skarp_
关注
专栏目录
A标签中通过href和onclick传递的this对象实现思路
09-05
想传递当前对象给一个函数，于是就将这个URL写成"[removed]shoControlSidebar(this)"，可是结果发现这并不可行，接下来为大家详细介绍下解决方法
解决Layui中templet中a的onclick参数传递的问题
12-30
以下是我的模板，主要用在列表页table中的按钮，点击弹窗展开详情页的功能。 [removed] [removed];' bfnclick='showContent({{d.CONTENT}})'>查看内容 [removed] 项目跑了许久，突然说点击查看内容没反应，查出...
onclick事件传递对象参数
weixin_33682790的博客
05-15 1894
　　onclick 无法直接传递对象参数，需要将对象处理一下 　　“js对象” 和 “json ” ：js 在接收json 时能自动转化为js 对象；而例如HTML 中函数传递时，对象的传递只能转为json 来传！ 　　 <a href="#"onclick="editName(JSON.stringify(data).replace(/"/g, '&quot;'))"&g...
js onclick传递 对象
weixin_30699465的博客
08-02 193
在html onclick中如果参数直接传递一个参数js会报错。 如果想要onclick传递参数需要这么做： var user = {id:1, name:'hk'}; var ele ='<a onclick="edit(' + JSON.stringify(user).replace(/"/g, '&quot;') + ');">修改</a>'; 这个...
js onclick函数传入参数问题
cloudsmile的博客
08-18 2万+
项目中用到了将ajax返回的数据作为参数传入onclick函数，作为参数，之前返回的一直是数字，所以用写法： var name = ret[index].name; strHtml+= ''; 没有问题，但是当返回的name是包含数字字母组合、纯字母的时候就会出错，有些浏览器错误还不太好定位，这里需要将name作为字符串传入，如下： strHtml+= ''; 问题解决，注意
onclick传递参数
weixin_33851604的博客
01-11 366
http://zhidao.baidu.com/link?url=rLnWM99L8L-fT-dZzw5SgIGI5rc2GmT2P4CQ3ir5Z0zdfZKdkraeURMT95r8POHMup7v6pfIhvWmBIrKKb9dr6GEIKDR5RihOf0slIzRSES <input type='button' value='提交' onclick='sub(this,par...
javascript setTimeout()传递函数参数(包括传递对象参数)
12-07
在给定的示例中，作者遇到的问题是如何在`setTimeout`中传递对象参数。常规的做法是直接传递函数名和参数，但这在需要传递对象时会变得复杂。作者尝试了一种方法，将函数和参数用字符串拼接，如`setTimeout("fun(" +...
vue v-on:click传递动态参数的步骤
10-14
然后在methods中定义upHref方法，该方法接收事件对象和需要传递的动态参数： ```javascript methods: { upHref(e, num) { hrefSrc(e.target, num); } } ``` 在上述例子中，`hrefSrc`方法可能是通过jQuery选择器...
字符串标签添加onclick事件怎么传入对象参数
最新发布
10-25
在JavaScript中，如果你想在HTML的字符串标签上添加`onclick`事件，并传递一个对象参数，你可以这样做： ```javascript // 定义一个对象 var myObject = { name: 'John', age: 30 }; // 创建一个动态生成的HTML...
onclick 传递参数
别在熬夜了！
03-17 1万+
function test(value){ if(value=='1') { alert("11111111"); }else{ alert("00000000"); } } 个人 公司
关于onclick传递参数
Mr_Lizl博客
07-18 2593
关于onclick 传递参数（字符串,数字,字符串）的用法（X,Y,deviceCode,bridgeName）
js中onclick事件里面传递参数
Howey的博客
10-11 2万+
在onclick事件中添加参数，很多时候在onclick事件中触发的是界面的跳转，那么一般需要传递参数过去。 href="javascript:void(0)" onclick="doCheck(this)" type=0 （也可以这样写：href="javascript:void(0)" onclick="doCheck(this.type)" type=0,这样就只是把一个参数传进去， 后
js中的onclick事件传参
OnlyYoushu的专栏
10-17 6446
js中的onclick事件传参   1、在页面中给方法传参数，有如下的两种方法： 方法1，onclick=cancel(id，patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick="cancel(this,id,patientId)" js中cancel（obj，id，patientId） 方法2，在js中用 复制代码代码示例
js中的关于onClick事件的参数传递
热门推荐
打酱油的程序员
10-16 5万+
很多时候onclick事件是伴随着页面的跳转，也就会有相应的参数传递案。案例如下所示： <a href="#" onclick='showTable(this)'>123</a> #为你要跳转的页面 这个时候你传的参数就是123 functionshowTable(data){ alert(data.innerHTML);//js写法 ...
onclick传递多个参数
suchenbin的博客
12-20 1297
假设需要调用下面方法 function toDetailPage(id,state){ alert(id + '---' + state); } html中标签 <a href="javascript:void(0);" class="class1" onclick="toDetailPage('1','2')">【点击】</a> j...
js onclick 传递字符串类型的参数（js 拼接html 的几种方式，传递数组出现 [object,object]）
a123123sdf的博客
03-16 6869
js onclick传递字符类型的参数，报not defined；
html a标签onclick方法传递动态参数
weixin_41072238的博客
03-18 1683
html a标签onclick方法传递动态参数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值