html中onclick传参的问题

最新推荐文章于 2025-03-25 09:27:06 发布
原创 最新推荐文章于 2025-03-25 09:27:06 发布 · 2.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在使用动态拼接DOM时，解决onclick事件中传递参数无效的方法。通过正确使用转义字符，成功实现了在事件处理函数中获取到所需的参数。

使用动态拼接DOM时，onclick(data),里面传参数无效报错：
解决办法：

重点在于onclick里面的 '转义字符

 tem.push('<a οnclick="downLoadFile(\''+filePath+'\')" lay-event="lookRes" class="layui-btn layui-btn-radius  layui-btn-danger layui-btn-sm">下载</a>');

添加’后成功解决

js onclick事件传参讲解
10-26
关于JavaScript中的onclick事件传参，首先需要理解onclick事件的基本概念。在HTML中，onclick事件是元素的一种事件监听器，当用户点击该元素时，会触发一个定义好的JavaScript函数。这是实现用户交互的一种常见方法...
解决Layui中templet中a的onclick参数传递的问题
10-16
上述问题的描述中提到，如果Layui模板中a标签的onclick事件处理函数中使用的参数含有单引号或双引号，可能会导致JavaScript解析错误。这是因为引号在JavaScript中用于界定字符串的开始和结束，如果参数本身就含有...
html onclick 传参数
04-21 351
<a id="j-im" class="jd-im btn-gray gys-im" href="javascript:(0);" onclick="OpenWinChating('$goods.AccountId','$goods.LoginName','$goods.ShopName')" title="联系商家" target="_Blank"><i>&...
js拼接html时，onclick传参问题
qq_43654065的博客
07-20 2033
3.使用JSON.stringify()将对象转换成json字符串，但是依然会报错unexpectedendofinput，该错误是因为json字符串的双引号和onclick的双引号冲突，需要将json字符串转成单引号字符串。如果直接使用对象，页面渲染的时候，onclick的参数为（[onjectObject]）。对象是不能拼接的，拼接的必须是字符串，因此需要将对象转变为字符串。1.将对象拆开，只穿需要传递的参数（参考第二点，需要转义）...
给html标签中的onclick事件传递变量值，传值过程中值产生变化
weiyuqingxin的博客
03-01 7774
需求：删除表格中的一行，点击删除，会删除当前的一行记录， 思路：获取到当前行的主键id值，因为然后根据主键删除。 实现：每个td上绑定onclick事件，然后给onclick事件里面绑定id值 不正确代码如下： for (var i = 0; i &lt; list.length-1; i++) { var user = list[i].split("|"); user_...
如何给html元素的onclick事件传递参数即如何获取html标签的data
u012053925的博客
09-11 1509
某些非text元素，如a、button等用于触发时间的标签可已将要传的数据放在一个属性中，如data，这个属性必须是不影响样式的，可以使用任意非html定义的名字命名属性，然后将数据传到属性中，<button data="123" id="but" onclick="fun()">按钮</button>然后通过attr这个方法获取属性内容$(‘#but’).attr(‘data’) 其实完全可以直
html onclick中传参如果不是变量要用''包起来，否则not defined异常
文艺小木头的博客
11-11 1420
{ field : 'uuid', title : '操作', formatter : function(value, row, index) { return "&lt;a id='btn_create' src='' onclick=\"updateView('"+value+...
vue点击事件onclick传参
02-06
为了实现带有参数的 `onclick` 事件，在模板中的 HTML 元素上绑定方法并使用内联语句可以轻松完成此操作[^1]。 下面是一个简单的例子来展示如何做到这一点： ```html ('hello')">Say hello ('goodbye')">Say ...
HTML 中 onclick 触发函数 xxx(param) 要传递对象参数的解决方法
chyin1024的博客
12-06 2万+
在HTML 拼接中，有时会用到 onclick 事件绑定函数，并要其中传递参数；简单的参数不用说，但如果是一个对象的话，就会出现报错！ 解决方法： 将对象转为 json ，再进行传递（HTML不能直接传递对象）； 备注： 区分 “js对象” 和 “json ” ：js 在接受到json 时能自动转化为js 对象；而例如HTML 中函数传递时，对象的传递只能转为json 来传！ 参
Javascript中innerHTML用法实例分析
12-01
本文实例讲述了Javascript中innerHTML用法。分享给大家供大家参考。 具体实现方法如下： 代码如下:<html> <head> [removed] function t(){  var cont = document.getElementById(‘container’);  var htmlcode = “哈哈哈哈”;  cont[removed] = htmlcode; } [removed] </head> <body>     春天   <li
html ajax传参数,ajax用post方法传递参数
weixin_36164538的博客
06-23 322
该楼层疑似违规已被系统折叠隐藏此楼查看此楼JS#box{width:600px;height:200px;padding:20px;border:1px solid #999;}ajax post方式传递参数Number1: Number2: 加载function loadHtml(){//获取表单中的数据var num1 =document.getElementById('num1').val...
HTML如何使用onclick传参数给JS函数
weixin_34400525的博客
06-22 5891
2019独角兽企业重金招聘Python工程师标准>>> ...
html a标签onclick方法传递动态参数
weixin_41072238的博客
03-18 2587
html a标签onclick方法传递动态参数
给html元素的onclick事件传递参数(即如何获取html标签的data-*属性&直接传参方法)
热门推荐
Sunshine586983的博客
01-23 4万+
DOCTYPE html> html> head> meta charset="utf-8"> title>title> script src="js/jquery/jquery.min.js">script> script> $(document).ready(function(){
html onclick传递多个参数,js onclick事件传参数的方法分析
weixin_31369469的博客
06-28 8072
本节内容：js中的onclick事件传参1、在页面中给方法传参数，有如下的两种方法：方法1，onclick=cancel(id，patientId);在js文件中定义cancel方法如果要把当前对象传过去用onclick="cancel(this,id,patientId)"js中cancel(obj，id，patientId)方法2，在js中用复制代码 代码示例:jquery$(function...
Js拼接html并给onclick传多个参数
最新发布
weixin_40362806的博客
03-25 245
【代码】Js拼接html并给onclick传多个参数。
js onclick 传递字符串类型的参数（js 拼接html 的几种方式，传递数组出现 [object,object]）
a123123sdf的博客
03-16 8023
js onclick传递字符类型的参数，报not defined；
JS混写HTML使用onclick传递参数引号的用法
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
05-20 792
一、直接传递参数的写法： var html = ""; html += "<a href=\"#\" οnclick=\"javascript:getMenu('营子社区');\"> <div id=\"area1\" class=\"area\">营子社区</div></a>"； getMenu(‘营子社区’)，直接写入值即可。 二、包含变量的函数参数的写法： var menuHtml = ""; menuHtml += "<div id=\"gh2
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值