onclick事件传递变量值，js中接受参数值发生变化

最新推荐文章于 2022-05-20 23:42:27 发布
最新推荐文章于 2022-05-20 23:42:27 发布
阅读量1.7k 收藏
点赞数 3
分类专栏： 遇到过的小问题 前端 java基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_40553837/article/details/106276836
版权

问题描述

在html的button事件上使用onclick触发时，js中接收到的参数值在传递过程中发生了改变。

  • html代码
    在这里插入图片描述
  • 接收到的参数值
    在这里插入图片描述

解决办法

把传递的数字类型的字符串参数加上引号即可

  • 修改前
    在这里插入图片描述
  • 修改后
    在这里插入图片描述

注意：在前端代码中数字类型的字符串一定要加上引号，不然就会出错

lzcge
关注
专栏目录
onclick事件传参值出现变化
u011701057的博客
10-16 1988
Jumbotron Template for Bootstrap 会员编号 注册时间 手机号码 状态 操作 ${user.userId} ${user.createDate} ${user.mobile
JS 的 onclick(this) 传值
word_joke的博客
05-17 7572
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script><script type="text/javascript"> function openMenu(menuName){ var text = $(menuName).text(); if(text=="英雄信息表"){ ..
html中onclick事件传递的参数值变化
CHENG1006748202的博客
03-26 1203
我们开发的系统拥有通过PC端系统自动调用固话拨打电话功能， 近日几次收到客户反馈说拨打的号码如果前面包含0开头的区号的话，拨打出来是不正确的。 个人审查了下开发的代码，逻辑上确实没有问题 <a href="#" onclick="callOutNew(03917890001,0)">03917890001&nbsp;&nbsp;<img src="icon2.png"></a> function callOutNew(number,seq){
js中onclick方法传递对象变量、普通变量
谁的博客
07-17 2265
描述 动态的传递参数 实施 传递对象变量 传递字符串比传递对象多了 前后两个 \' -- 反斜线+单引号 var data = ...; //获取的数据集合 var html=""; for(i in data) { //传递json对象 html = '<a onclick="method(' + JSON.stringify(data[i]).rep...
onclick里面的变量传递问题
是日已过，命亦随减的博客
06-18 905
<a onclick="clickBTNS('+ (i) +')" class="checkdiqu">选择地区</a> 带多个参数无法转化
举例:JS onclick事件传递变量
weixin_30555125的博客
09-12 437
想要把变量strmacaddr的值test传进blacklist方法中去 var strmacaddr = "test"; tr.insertCell(-1).innerHTML = "<input type=button value=<%:Allow%> onclick=blacklist(\""+strmacaddr+"\") />"; 转载于:https://...
解决Layui中templet中a的onclick参数传递的问题
10-16
这是因为引号在JavaScript中用于界定字符串的开始和结束，如果参数本身就含有引号，就会造成语法错误。解决这个问题的方法是去掉onclick属性值两侧的单引号或双引号。这样浏览器在解析HTML时会忽略onclick属性值两侧...
js给onclick事件赋值，动态传参数实例解说
10-27
总结来说，当需要给JavaScript中的`onclick`事件赋值并动态传递参数时，应当避免直接调用函数并将其结果赋给`onclick`。相反，应使用匿名函数来封装函数调用，并在其中传递参数，以此确保事件处理器正确地设置并能在...
javascript setTimeout()传递函数参数(包括传递对象参数)
12-07
在JavaScript中，`doAjax`函数接收这两个参数，然后在需要再次调用`setTimeout`时，将这些参数正确地包装起来： ```javascript setTimeout("doAjax(document.sform.txtara.value,document.all[\"+\obj.sourceIndex+...
ASP.NET向Javascript传递变量两种实现方法
10-27
以下将详细讨论两种实现ASP.NET向JavaScript传递变量的方法，并探讨它们的适用场景和使用技巧。 **方法1：通过隐藏控件** 这种方法的核心是利用一个隐藏的HTML控件来存储ASP.NET中的变量值。在服务器端，你可以将...
js onclick事件传参讲解
10-26
关于JavaScript中的onclick事件传参，首先需要理解onclick事件的基本概念。在HTML中，onclick事件是元素的一种事件监听器，当用户点击该元素时，会触发一个定义好的JavaScript函数。这是实现用户交互的一种常见方法...
JS：object.onclick 传值
海天鹰
05-20 388
for (var i = 0; i < 5; i++) { var button = document.createElement('button'); button.textContent = i; button.value = i; button.onclick = function(){ console.log(button.value); }; document.getElementById('nav').appendChild(button); } .
js中的onclick事件传参
OnlyYoushu的专栏
10-17 6414
js中的onclick事件传参   1、在页面中给方法传参数，有如下的两种方法： 方法1，onclick=cancel(id，patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick="cancel(this,id,patientId)" js中cancel（obj，id，patientId） 方法2，在js中用 复制代码代码示例
onclick调用h shu传变量_javascrpit函数及变量提升
weixin_39913117的博客
01-31 274
函数(Function)JS中的函数：把一部分代码块封装起来，多次利用。声明方式方式一：function 方法名(){ //执行的代码}function 方法名2(参数1,参数2){ //执行的代码}方式二：匿名函数//声明一个变量a，通过a接收 不带方法名的函数var a;a = function(){ //执行的代码}//缩写var b = function(){ ...
onclick绑定变量_思维导图 | 闭包应用之循环事件绑定的N种解决办法
weixin_31255215的博客
01-29 152
▲ 点击上方蓝字关注我▲文 / 景朝霞来源公号 / 朝霞的光影笔记ID / zhaoxiajingjing目录0 / 闭包(1)闭包优点(2)闭包的弊端1 / 闭包应用(1)事件绑定(2)方案一：基于闭包的机制完成第一种闭包第二种闭包第三种闭包(3)方案二：自定义属性(4)方案三：事件委托0 / 闭包闭包：函数运行的一种机制(不是某种代码形式)(1)闭包优点1、函数执行会形成一个私有上...
js onclick事件传变量时注意的问题
02-19 7283
js 中onclick事件传变量时，注意需要转移符。 正确： var setname="start"; return ''; 不过如果是在一个方法内，通过鼠标获取列表选择行时，希望将该行的id或者其他值通过事件方法往下传时，不需要转移符： return ''; 没时间去检查为什么两者为什么不一样，有时间再补上。
javascript 带参方法在onclick中如何正确传值
热门推荐
@凌晨三点半的博客
04-01 1万+
1. varoperate=function(row,index){ varope="<ahref='#'onclick='update(\""+row+"\")'>修改</a>|<ahref='javascript:void(0)'>删除</a>"; returnope; } 注意点：需要用转...
a标签onclick传递参数_Java只有值传递
weixin_42306083的博客
12-26 647
一、前言高级语言中函数的参数传递方式只有三种，传值（按值传递），传引用（按引用传递），传地址（按地址传递）。java只有值传递没有引用传递。记住，有的博客中说java引用类型是引用传递，这种说法从语法上严格来说是错误的，有引用和有引用传递是两个概念。对于高级语言的参数传递一定要从内存模型开始，Java语言中，基本类型（8种）存放在栈内存，引用类型（3种）引用存放在栈内存，实际对象存放在堆内存，由栈...
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 事件中通过变量名称来访问它。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值