js onclick传递 对象

最新推荐文章于 2024-01-26 09:14:27 发布
最新推荐文章于 2024-01-26 09:14:27 发布
阅读量1k 收藏
点赞数
分类专栏： 前端 文章标签： json js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Alex_81D/article/details/105294052
版权

在html onclick中如果参数直接传递一个参数js会报错。

如果想要onclick传递参数需要这么做：

var obj = {id: 1, name: 'jimc', age: 20};

传json对象

var jsonObj = '<a οnclick="show(' + JSON.stringify(obj).replace(/"/g, '&quot;') + ');">查看</a>';

传json字符串

var jsonStr = '<a οnclick="show(\'' + JSON.stringify(obj).replace(/"/g, '&quot;') + '\');">查看</a>';

注意这两块是不一样的

Alex_81D
关注
专栏目录
javascript setTimeout()传递函数参数(包括传递对象参数)
12-07
在给定的示例中，作者遇到的问题是如何在`setTimeout`中传递对象参数。常规的做法是直接传递函数名和参数，但这在需要传递对象时会变得复杂。作者尝试了一种方法，将函数和参数用字符串拼接，如`setTimeout("fun(" +...
js给onclick赋值传参数的两种方法
10-26
在JavaScript编程中，给元素的onclick事件处理函数赋值并传递参数是一种常见的需求。本文将介绍两种主要的实现方式，帮助开发者在实际应用中更灵活地处理事件。 ### 1. 事件处理函数无参数的情况 当事件处理函数...
js onclick事件传参讲解
01-19
1、在页面中给方法传参数有两种方法 第一：onclick=cancel(id，patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick=”cancel(this,id,patientId)” js中cancel（obj，id，patientId） 第二：在js中用jquery$(function(){ var patientId=$(“a”).attr(“patientId”); }),在页面中<tr patientId=”${patientId}”> 2、onclick事件
js onclick事件方法传递参数为对象
Danger
04-01 7721
选择适合自己场景得方法 1.传json对象 var object= {id: 123, name: 'name1', age: 10}; var jsonObj = '<a οnclick="dotest(' + JSON.stringify(object).replace(/"/g, '&quot;') + ');">json对象传递</a>'; 2.传j...
js onclick等事件传递对象
bswsf的专栏
12-15 2192
js 传递对象需要注意的点：特别是拼接html onclick等方法时 1、传递前转json字符串 1)JSON.stringify(obj) 2)注意json对象内部可能特殊转义字符，这里以最常见和最容易出错的双引号和单引号为例 .replace(/\"/g, "&quot;") .replace(/\'/g, "\\\'") 2、方法接收后转JSON JSON.parse(objStr); 一段示例代码奉上(拼接onclick,注意各个双引号 单引号处理)，仅供参考 ret
js onclick传参对象_JS传参技巧总结
weixin_39610759的博客
12-03 966
JS传参技巧总结1.隐式创建 html 标签这种方法一般配合ajax，上面的value使用了模板引擎2.window['data']window['name'] = "the window object";3.使用localStorage，cookie等存储window.localStorage.setItem("name", "xiaoyueyue");window.localStorage.g...
A标签中通过href和onclick传递的this对象实现思路
12-03
当涉及到在`<a>`标签上同时使用`href`属性和`onclick`事件时，`this`对象的行为可能会变得复杂，特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题，并提供解决思路。 首先，`this`关键字在...
thymeleaf th:onclick 传递对象
09-02
对于Thymeleaf中的th:onclick属性，您可以使用JavaScript函数来传递对象。下面是一个示例： ```html <!DOCTYPE html> <script th:inline="javascript"> function handleClick(obj) { // 在这里处理传递的对象 ...
javascript onclick事件中传递对象参数和JavaScript中对象字符串转换
chmod_R_755的专栏
04-10 8931
支持原创，原文链接 http://blog.csdn.net/legend11/article/details/53408459 http://blog.csdn.net/starrexstar/article/details/8083259/ var user = {id:1, name:'zs', age:20}; var ele = '修改';
js中onclick方法传递对象变量、普通变量
谁的博客
07-17 2298
描述 动态的传递参数 实施 传递对象变量 传递字符串比传递对象多了 前后两个 \' -- 反斜线+单引号 var data = ...; //获取的数据集合 var html=""; for(i in data) { //传递json对象 html = '<a onclick="method(' + JSON.stringify(data[i]).rep...
JS中onclick方法调用函数时如何传递对象参数
weixin_39593900的博客
07-16 4108
今天在拼接字符串时加入了onclick事件出发的函数需要传递参数对象，结果遇到了一些问题，特此记录 ajax接收请求成功后的数据，在回调函数里进行拼接 第一次拼接 success : function(data){ for(var i=0; i<data.length; i++){ ...
JS 给 对象 onclick 方法传参数妙招
SakuraZZ的专栏
08-21 4268
table里某一行的每个单元格 添加一个onclick事件 如果只用匿名函数赋值(如:function(){cellClick((newRow.rowIndex-1),i);})的话,结果是这一行的每一个单元格cellClick方法的参数都是一样的.   为了解决每个单元格传递参数不同的问题,以下比较龌龊也是比较巧妙的方法诞生了,给每一个单元格价格vl属性,把i 扔过去....
JavaScript中onclick事件传递数组参数时接收的是[object,object]，需要转为字符串传递
最新发布
acoolgiser的博客
01-26 901
将数组参数转换为JSON字符串是一个很好的做法，这样可以确保数组中的数据以正确的格式传递给函数。在JavaScript中定义button的onclick点击事件，传递参数的时候，某个参数是数组，在方法体里面接收到的值是[object,object]。一开始在网上找解决办法，使用JSON.stringify(arr)传递数组参数，还是不行，出现解析失败问题。我传递了两个参数给点击事件方法modifyFunc，第一个参数是字符串，第二个参数是数组。参数仍然是数组，那么你可能需要使用。如果你在函数中接收的。
js 拼接HTML字符串 onclick事件传多个参数问题
Altaba的博客
10-27 2万+
欢迎来到Altaba的博客  2017年10月27日 问题：烦躁工作让技术博客停了好久才更新，实在对不住大家和自己了，今天重新捡起来  直接上源码 js字符串拼接onclick出现的问题 function show(a,b) { //console.log(a.name); //console.
javascript对于onclick事件传值不可以直接传对象的解决办法
sky21sjwzk的博客
03-30 1399
我们可以使用内置的json处理函数进行处理 JSON.stringify(obj).replace(/“”/g,“'”),经过这样处理函数接受到就会变成对象进行处理。Js在渲染 Dom 节点的时候，是要用的字符串拼接形式,所以在对于onlcick事件参数，我们应该转化为字符串的形式进行拼接。我们要将传递的参数先转化为一个json的字符串，并且若在需要的时候再吧json字符串用双引号转化为单引号即可。javascript对于onclick事件传值不可以直接传对象的解决办法。
js onclick事件传this的一点经验
热门推荐
felixleezc的专栏
12-11 4万+
所有地区 function changeArea(obj){ } 这里obj为类型为a的标签对象,并且鼠标指向这个a时为手型   所有地区 function changeArea(obj){     alert($(obj).attr("title"));//(1)} 这里obj不知道是什么,(1)报错。 所有地区 f
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Alex_81D

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值