前端HTML拼接时，用onclick等方法传递对象解决办法

原创

mb612dbeae73d01 2023-04-22 07:04:37 博主文章分类：前端 ©著作权

文章标签 前端 html javascript JSON 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者mb612dbeae73d01的原创作品，请联系作者获取转载授权，否则将追究法律责任

解决办法

在列表中需要把对象传入到函数中时方法如下

JSON.stringify(obj).replace(/\"/g,"'")

其中，obj为对象

例子：

html += '<a οnclick="setStatus(' + JSON.stringify(obj).replace(/\"/g,"'") +');">设置状态</a>';

function setStatus(obj) {
   obj.A  // 获取属性
}

上一篇：Django - get和filter的区别

下一篇：Bootstrap + Django - 前端js动态渲染下拉框

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

安装 TensorFlow 时遇到了依赖冲突的问题解决办法

报错信息如下：Channels:defaults Platform: win-64 Collecting package metadata (repodata.json): ...working... done Solving environment: ...working... failedwarning libmamba Added empty dependency for problem

Python 依赖包不同版本
This is an issue with the package mentioned above, not pip解决办法

最近安装sklean的时候遇到了一个这样的问题。C:\Users\Administrator>pip install sklearn -i https://pypi.tuna.tsinghua.edu.cn/simpleLooking in indexes: https://pypi.tuna.tsinghua.edu.cn/simpleCollecting sklearn Using

python github
脚本 $'\r': command not found异常解决办法

1、运维人员在日常工作中需要写一些shell脚本监控服务器资源使用情况：2、下面一个监控脚本：echo -e "服务器名称,CPU使用率,内存使用率,磁盘总空间,磁盘使用率,磁盘剩余空间"cpu=$(top -b -n 1 | grep "^%Cpu" | awk '{printf "%.2f%%",$2 + $4}')mem=$(free -m | awk 'NR==2{printf "%.2f

unix sed Windows
html中文乱码(解决办法)

在head标签中加上以下代码即可：详细解说请看：http://www.dreamdu.com/xhtml/attribute_http-equiv/

解决html中文乱码 mysql
广播等风暴的解决办法

交换机上各种风暴的解决基本命令：C2950-24(config-if)#storm-control ? action Action to take for storm-control broadcast Broadcast address storm control multicast Mu

职场交换休闲
使用onclick方法移除元素后总是回到顶部解决办法

在方法后面加一个return flase即可解决<i class="layui-icon" style="float: right;font-weight: bolder;cursor:pointer;" onclick="removeRule('+newId+');return false">ဆ</i>

ico
Android使用TextView，设置onClick属性无效解决办法

Android在布局文件中为View提供了onClick属性，使用方法如下： <TextView android:id="@+id/user" android:layout_width="@dimen/px_171" android:layout_height="fill_parent" android:onClick="iconClick

android ico 布局文件点击事件 JAVA
前端解决跨域的办法 cors的解决办法

https://stackoverflow.com/questions/35588699/response-to-preflight-reque...

java
umount时目标忙解决办法

[root@node2 ~]# umount /var/lib/ceph/osd/ceph-1umount: /var/lib/ceph/osd/ceph-1：目标忙。 (有些情况下通过 lsof(8) 或 fuser(1) 可以找到有关使用该设备的进程的有用信息)[root@node2 ~]# fuser -mv /var/lib/ceph/osd/c...

umount时目标忙解决办法
IE关闭时出错解决办法

1. internet选项 ----- 高级------重置2. 重启IE后如果出现“自定义您的设置”保存不了则进行如下设置3.点“开始”菜单，点“运行”，输入gpedit.msc然后按回车打开组策略编辑器，在左边依次展开到[用户配置→管理模板→Windows Components→Internet Explorer],在它的右边框中找到

组策略 internet IE关闭错误
jquery onclick 传递当前对象

# jQuery onclick 传递当前对象## 介绍在使用 jQuery 进行页面开发时，我们经常需要在点击事件中获取当前元素的对象。在传统的 JavaScript 中，可以通过 `this` 关键字来获取当前对象。但是，在 jQuery 中，点击事件的处理函数的上下文会被设置为触发事件的元素的 DOM 对象，而不是 jQuery 对象。因此，我们需要采用其他方式来传递当前对象。本

jQuery 当前对象点击事件
Matplotlib之无GUI时的解决办法

需添加： import matplotlib as mpl mpl.use('Agg') 而且必须添加在import matplotlib.pyplot之前，否则无效

github
Sentieon安装时 jemalloc error 解决办法

背景 Sentieon建议使用jemalloc来改善Sentieon应用程序中的内存管理和整体性能，尤其是Sentieon bwa-mem。有时在安装运行过程中会出现报错： ERROR: ld.so: object '/usr/lib64/libjemalloc.so.2' from LD_PRELOAD cannot be preloaded: ignored. Failed

github 安装教程
当DRM出错时的解决办法

　　DRM出现错误的原因　　数字版权管理 (DRM) 系统损坏，因为网络的不稳定，在下载认证书的时候网络传输出项了错误导致许可证坏了，不能正常播放。您可以选择以下提供的解决方法进行操作。　　解决方法一第1步：打开“我的电脑”--此窗口菜单条“工具”--文件夹选项--查看--高级设置-取消“隐藏受保护的操作系统文件 ”的选项，同时选择“隐藏文件和

职场解决办法休闲 DRM
vm powerCLI无法连接时解决办法

about_signing 主题     about_signing 简短说明     说明如何对脚本进行签名以使其符合 Windows PowerShell 执行策略。详细说明     Restricted 执行策略不允许任何脚本运行。   &

Windows 主题休闲签名如何
升级时出现错误的解决办法

出现错误：ModuleNotFoundError: No module named 'pip' 管理员身份登录 CMD 先执行 python -m ensurepip 然后执行 python -m pip install --upgrade pip -i https://pypi.douban.co

python
web前端数组塌陷的解决办法

我们在处理数组的时候，如果想要删除干净一个数组按照正常的方式肯定是循环遍历，然后一个一个的将其删除掉，但在实际操作中会出现删除不干净的情况，这就是数组塌陷，下面小千介绍几种解决办法，记得收藏哦~

web前端前端数组编程
html拼接时onclick事件传递json对象

如：想ss('obj')结果变成了ss('[onject object]')这样的情况处理办法 1.先JSON.stringify(json) 2.将双引号变成单引号replace(/\"/g,"'") 3.将括号里的单引号除掉 4.function 直接获取到json对象，且不需要evel 例如： ...

json 单引号 javascript html 双引号
拼接的html的onclick事件中无法传递对象给js方法的处理办法

如下：拼接的html：

json js对象 html 其他
GET方法传递中文参数乱码解决办法

1.在页面中对你的URL进行编码使用------encodeURI(你要使用的中文参数值)如：...?username"+encodeURI(“小甜甜")2.在后台通过解码来接收该中文参数使用----String name = new String(request.getParameter("username ").getBytes("iso8859-1"),"utf-8")3.最好不要在URL中传递中文参数

中文参数操作系统
java 中有序的 key value

线程安全可以概括为三个方面：原子性、可见性和有序性。原子性：对于涉及共享变量的操作看做一个整体，在同一时间内，只能由一个线程执行，在其它线程看来，这部分操作要么尚未开始，要么已经完成。Java中，基本类型除了long和double，其它类型变量的写操作都是原子性的。可见性：一个线程修改了共享变量后，其它线程能够立即看见改变后的值。有序性：即程序按照代码的先后顺序执行。我们写好的代码在执行的时候不一

java 中有序的 key value volatile synchronized 线程有序性
Android开发电量信息 batteryMax batteryNow

实验目的学习SQLite数据库的使用。学习ContentProvider的使用。复习Android界面编程。这次大概是做一个有登录、注册、评论、点赞等功能的小型APP效果如下:（图片比较大）登录注册页面的切换两个按钮用RadioButton就可以实现了<RadioGroup android:id="@+id/radio_group" android:layout_margin

Android SQLite ListView 获取通讯录
js px如何动态计算为rem

一、what？可以理解为：立即调用的函数表达式常见的两种形态//形态一 (function(){ //do something here; })(); //形态二 !function(){ // do something }();那么问题来了：请问形态二可以执行是什么原因，为什么去掉符号就会有语法错误？so：first：我们先理解一下括号的含混使用，可以做执行操作可以分组（1）它可以用来执行一个函

js px如何动态计算为rem javascript 匿名函数运算符内部函数
java 数组成员是枚举

数组（Array）：一组具有相同类型的元素的集合。在内存中是一段连续的空间。int[] a 定义一个a，类型是存放int类型元素的数组，大小暂时不确定。 long[] a char[] a String[] a Scanner[] a Random[] a int[] a = new int[3];

java 数组成员是枚举 java p2p linq 数组
nginx如何配置支持delete方法

nginx.conf文件的结构... #全局块 events{ #events块 ... } http{ #http块 ... #http全局块

nginx如何配置支持delete方法 Nginx 服务器字符串

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯