js onclick事件传变量时注意的问题

最新推荐文章于 2021-10-20 22:22:33 发布
最新推荐文章于 2021-10-20 22:22:33 发布
阅读量7.2k 收藏 2
点赞数 1
分类专栏： 前端 JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tuohuang0303/article/details/55841119
版权

js 中onclick事件传变量时，注意需要转移符\'单引号。

正确：

var setname="start";

return '<img src="images/control_start_blue.png" style="cursor:hand" width="15px" height="15px" οnclick="sendMsg(\''+setname+'\');" >';

上面这个注意\''这个是一个\和两个'单引号，而不是一个"双引号，刚开始老看不明白，是因为两个'放一起看起来像"双引号了。


不过如果是在一个方法内，通过鼠标获取列表选择行时，希望将该行的id或者其他值通过事件方法往下传时，不需要转移符：

return '<img src="images/control_start_blue.png" style="cursor:hand" width="15px" height="15px" οnclick="sendMsg('+row.id+')" >';

没时间去检查为什么两者为什么不一样，有时间再补上。


tuohuang0303
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
iScroll中事件点击触发两次解决方案
11-26
之前也看了很多朋友的文章里有讲这个问题。比如使用一个变量记录执行的间隔时间什么的。感觉每次都要去撸一下，比较累人。本人喜欢搬砖前先选工具。其实解决这个方法很简单。iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件(_end这个函数)。而在实际操作中，先执行了touchend，然后再执行了一次onclick的相关函数。这样就形成了头疼的一次点击两次触发。这本来就一个不是问题的问题。之所以说这是个问题，是因为这样是我们不得不去看一看iScroll的源代码。解决这个问题的途径就是拒绝第二次执行函数。而我
给html标签中的onclick事件传递变量值，传值过程中值产生变化
weiyuqingxin的博客
03-01 7449
需求：删除表格中的一行，点击删除，会删除当前的一行记录， 思路：获取到当前行的主键id值，因为然后根据主键删除。 实现：每个td上绑定onclick事件，然后给onclick事件里面绑定id值 不正确代码如下： for (var i = 0; i &lt; list.length-1; i++) { var user = list[i].split("|"); user_...
js中onclick方法传递对象变量、普通变量
谁的博客
07-17 2172
描述 动态的传递参数 实施 传递对象变量 传递字符串比传递对象多了 前后两个 \' -- 反斜线+单引号 var data = ...; //获取的数据集合 var html=""; for(i in data) { //传递json对象 html = '<a onclick="method(' + JSON.stringify(data[i]).rep...
onclick里面的变量传递问题
是日已过，命亦随减的博客
06-18 865
<a onclick="clickBTNS('+ (i) +')" class="checkdiqu">选择地区</a> 带多个参数无法转化
动态加载onclick事件中的变量问题
weixin_34148508的博客
01-08 510
错误的方法：mycurrent_row.attachEvent("onclick",function(){document.getElementById('JobCateDetail').value = strArray[x].split("#")[1];});正确的方法：(function (x){mycurrent_row.attachEvent("onclick",function(){do...
onclick事件传递变量值，js中接受参数值发生变化
sinat_40553837的博客
05-22 1680
问题描述 在html的button事件上使用onclick触发时，js中接收到的参数值在传递过程中发生了改变。 html代码 接收到的参数值 解决办法 把传递的数字类型的字符串参数加上引号即可 修改前 修改后 注意：在前端代码中数字类型的字符串一定要加上引号，不然就会出错 ...
onclick绑定事件注意点
hcy48的博客
09-21 1129
一、 自定义函数添加onclick事件写法注意。 错误写法：element.onclick = addclass(className); 正确写法：element.onclick = function(){ addclass(className); }二、括号问题 onclick事件是在html内写的，还是在script中写的，这是不同的。onclick事件如果在html内写的话，引号内代表
利用js跨页面保存变量做菜单的方法
12-09
如果要解决这个问题，只能是在页面加载时能读取一个全局的变量，相对于浏览器的全局变量，通过这个变量的值来判断应该如何显示这个导航菜单．于是也便有了本文． 我想到的解决方法有两种： １．利用cookies或session...
关于javascript 回调函数中变量作用域的讨论
12-09
1、背景 Javascript中的回调函数，相信大家都不陌生，最明显的例子是做Ajax请求时，提供的回调函数， 实际上DOM节点的事件处理方法（onclick,ondblclick等）也是回调函数。 在使用DWR的时候，回调函数可以作为第一个...
JavaScript变量Dom对象的所有属性
01-19
　<...button id=btnToggleState onclick=toggleStateManagement()> Disable State </button> </body> [removed] var obj = document.getElementById(btnToggleState); var s = ;
javascript闭包传参和事件的循环绑定示例探讨
12-08
今天看到一个javascript的题目，按常理循环绑定事件，但是得到的结果却不是想要的。 代码如下: <a>text</a> <a>link</a> [removed] var as = document.getElementsByTagName(‘a’); for ( var i = as.length; ...
关于行内元素onclick事件，为什么会出错?
wh880510的博客
03-14 3080
作为一个初步学习的Java程序员来说，很少写过前端东西、学习期间也是有现成的前端页面， 只需要修改一下前后端的请求接口和页面内容的渲染。作为刚入职的小白来说，公司竟然让写前端，具体的仿照着之前的进行修改。。 刚入职就开始干活，写起来也是各种的酸爽吧（不熟，，）对于行内的onclick调用函数，写到$(function(){})的时候就是各种的没有反应。在网上看看资料原来是：    $(functi...
onclick事件传递变量参数&拼接字符串
u012161251的博客
06-13 8332
参考：https://blog.csdn.net/qq_37212970/article/details/96438987 报错：jsonObj is not defined at HTMLInputElement.onclick 源代码：拼接html html += "<td><input type='submit' id='checkTutorIn...
【解决方案】JavaScript &Jquery 中使用onclick()传递参数时出现变量未定义以及数字自增的情况
共你山今的博客
10-20 1518
在使用js的onclick对方法进行传参数的时候，报错 Uncaught ReferenceError: XXX is not defined 如果出现这个错误的话，就F12(谷歌浏览器右键->检查)查看这个方法传参是否正确。 我的处理方式： 1.首先是定义一个变量，对这个变量进行赋值，但是这个问题还是依然的存在，于是百度进行搜索，然后没有搜索到解决方案，可能是我搜索引擎用的不太好，不能够解决现在我面临的问题。 2. 打印这个参数到控制台，发现能够打印，并不报错。再次传参还是发生错误，打印类型为Str
JS onclick 中如何传两个参数给 JS方法
热门推荐
每一件自己觉得值得的事都要不留余力的去做
07-10 4万+
直接传递2个参数。示例：1、定义一个js方法<script> function TestClick(a,b){//定义了2个参数a,b } </script>2、onclick传参<body> <button onclick='TestClick("1","2")'/>//调用TestClick函数，把1传给a，把2传给b </body>"<a href='javascript:void
javascript 带参方法在onclick中如何正确传值
qq_40237472的博客
05-17 3万+
1. varoperate=function(row,index){ varope="<ahref='#'onclick='update(\""+row+"\")'>修改</a>|<ahref='javascript:void(0)'>删除</a>"; returnope; } 注意点：需要...
js onclick事件中以变量名称传入数组报错未定义
最新发布
06-01
如果在 onclick 事件中以变量名称传递数组，而函数中却无法访问到这个变量，那么很可能是因为变量作用域的问题。如果一个变量在函数外部定义，那么它是全局变量，可以在任何地方访问。但是如果变量在函数内部定义，那么它只能在该函数内部使用。 如果你在 onclick 事件中以变量名称传递数组，而该变量在函数外部定义，那么你可以直接在函数中使用它。例如： ```html <button onclick="myFunction()">Click me</button> <script> var fruits = ['apple', 'banana', 'orange']; function myFunction() { // 在这里使用全局变量 fruits console.log(fruits[0]); // 输出 "apple" console.log(fruits[1]); // 输出 "banana" console.log(fruits[2]); // 输出 "orange" } </script> ``` 在上面的示例中，我们在全局作用域中定义了一个名为 fruits 的数组变量，并在 onclick 事件中调用了一个名为 myFunction 的函数。在函数中，我们直接使用了全局变量 fruits，并将它们输出到控制台。 如果你在函数内部定义了一个变量，并将数组作为它的值，那么在 onclick 事件中传递这个变量的名称将无法访问它。例如： ```html <button onclick="myFunction()">Click me</button> <script> function myFunction() { var fruits = ['apple', 'banana', 'orange']; // 在这里使用局部变量 fruits console.log(fruits[0]); // 输出 "apple" console.log(fruits[1]); // 输出 "banana" console.log(fruits[2]); // 输出 "orange" } </script> ``` 在上面的示例中，我们在函数内部定义了一个名为 fruits 的数组变量，并在 onclick 事件中调用了名为 myFunction 的函数。由于 fruits 变量是在函数内部定义的，它只能在函数内部使用。因此，我们无法在 onclick 事件中通过变量名称来访问它。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值