HTML 中 onclick 触发函数 xxx(param) 要传递对象参数的解决方法
来源:互联网 发布:深圳淘宝托管 编辑:程序博客网 时间:2024/06/05 14:46
在HTML 拼接中,有时会用到 onclick 事件绑定函数,并要其中传递参数;简单的参数不用说,但如果是一个对象的话,就会出现报错!
解决方法:
将对象转为 json ,再进行传递(HTML不能直接传递对象);
备注:
区分 “js对象” 和 “json ” :js 在接受到json 时能自动转化为js 对象;而例如HTML 中函数传递时,对象的传递只能转为json 来传!
参考如下:
js中写html代码(onclick参数中带有json对象)
当你传进去的是字符串的时候:
要带有引号才可以,不然是会报错的。当参数是 json 对象时:
用拼接字符串的方式构建html,只能拼接字符串,对象是没办法拼接的。
当进去的是对象时候,当你触发事件的时候,你将得到的是([object Object])
这里[object Object]会引起 Uncaught SyntaxError: Unexpected identifier
在这里还会遇到一个问题就是
unexpected end of input 这个错误是由于带的json字符串。它的双引号与onclick控件的双引号
起冲突了,解决方法,将json字符串的双引号转换成单引号就行了,
单引号、双引号互换
解决方法:
(1)将row转换成json,拼接进去,后面在函数里面再转换回来。
(2)拆开row,把row的多个属性逐一作为参数传递给函数。
(3)保存row为全局,传递row的凭证给函数,函数拿着凭证去全局取row对象
js 单引号替换成双引号,双引号替换成单引号 操作
1.双引号替换成单引号
ps:2.单引号替换成双引号ps:
0 0
- HTML 中 onclick 触发函数 xxx(param) 要传递对象参数的解决方法
- 1:HTML 中 onclick 触发函数 xxx(param) 要传递对象参数的解决方法 2:LocalStorage存储JSON对象的问题 3:ajax请求传送参数为对象问题
- HTML中动态图片的onclick事件参数传递
- javacript onclick事件中传递对象参数
- js拼接html中调用onclick方法传递的参数问题
- <a>标签中href属性动作和onclick事件的区别以及传递this参数对象
- react 外部函数的引用以及onClick传递参数
- C# 线程中使用Timer,并向其触发的事件(函数)中传递参数
- C# 线程中使用Timer,并向其触发的事件(函数)中传递参数
- Javascript中button按钮的onclick()事件传递参数
- javascript onclick事件中传递对象参数和JavaScript中对象字符串转换
- javascript onclick事件中传递对象参数和JavaScript中对象字符串转换
- javascript onclick事件中传递对象参数和JavaScript中对象字符串转换
- 如何给html元素的onclick事件传递参数即如何获取html标签的data
- C++中函数参数的对象值传递问题
- 嵌入Silverlight 组件的对象 Silverlight 中 Param 参数
- js中onclick事件里面传递参数
- 像js函数中传递对象参数
- Mysql数据库分页易错
- mongodb基础索引相关内容
- 求Sn=a+aa+aaa+aaaa+aaaaa的前5项之和
- svn老鸟使用git后对比
- Linux编程进程管理
- HTML 中 onclick 触发函数 xxx(param) 要传递对象参数的解决方法
- 关于面试
- scikit-learn源码学习之cluster.mean_shift.estimate_bandwidth
- httpclient 4.5.2 学习随笔(3)
- 利用conda在Hadoop-stream中使用定制python解释器
- Iptables实例练习
- sql group by 字段合并
- mongodb查询之find命令
- machine learning pre-learning (AI dairy 1)