模板字符串onclick方法传变量

最新推荐文章于 2024-08-16 17:18:56 发布

im_backlit

最新推荐文章于 2024-08-16 17:18:56 发布

阅读量495

点赞数

CC 4.0 BY-SA版权

文章标签： java 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_47450691/article/details/128577941

这段代码展示了如何在HTML中创建一个隐藏输入字段，其值由JavaScript的JSON.stringify方法处理，用于传递数据。点击按钮时，会调用modelEdit函数，启动对项目(item)的编辑操作。注意$符号前后的空格处理，这是JavaScript模板字符串的规范。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

`<input type="hidden" name="item" value='\ ${JSON.stringify(item)} \'>   
<button onclick='modelEdit(${JSON.stringify(item)})'>编辑</button>`

需要注意的事项是$符号前需要空格，}后面也要空格

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

im_backlit

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

es6箭头函数以及模板字符串的拼接

猿飞梦的博客

09-27

1936

es6箭头函数： //1.具有一个简单参数的函数 var single=a=>a console.log(single('hello word')); //2.没有参数的需要在箭头前加上小括号 var logs=()=>{ console.log('这个是没有参数的函数'); } //3.多个参数需要用到小括号，参数间用逗号隔开 var add=(a,b)=&g...

关于js中onclick字符串传参问题

weixin_34313182的博客

11-07

735

规则：外变是“”，里面就是‘’外边是‘’，里边就是“” 示例： var a="111"; var html="<a onclick='selecthoods(\" "+a + "\"); >AAA</a>"; 注意点：需要用转义字符 ...

参与评论您还未登录，请先登录后发表或查看评论

jquery的模板字符串循环内容时绑定onClick方法触发跳转写法

a20001999的博客

02-03

624

jquery的模板字符串循环内容时绑定onClick方法触发跳转写法

js onclick 传递字符串类型的参数（js 拼接html 的几种方式，传递数组出现 [object,object]）

a123123sdf的博客

03-16

7927

js onclick传递字符类型的参数，报not defined；

在模板字符串中写的onclick方法传递参数问题

最新发布

weixin_70266895的博客

08-16

408

记录一次在模板字符串中写onclick方法并进行参数传递,参数拿到为undefined问题。1:为参数进行转义操作onClick="btnFun('${v.name}')"其中的click参数拿不到报undefined。2:将这个方法挂载到window上。

字符串模板拼接中添加点击事件并且传参

roridaisuki的博客

07-13

3937

$(function () { var con = record.jg_list; var html = ""; $.each(con, function (k, v) { if (k == 0) { html += `<li class="active" onclick="btnDetail(${v.jg_id})">${con[k].jg_name}</li>` }else{ html += `<li onclick=".

购物车2.0使用模板字符串数组遍历

tianranran的博客

12-12

873

//商品列表数组 let productList = [{ id: 1001, name: 'js高级编程', url: './image/shoppingBg_03.jpg', price: 35.89, num: 0, singlePrice: 0, state:false //是否选状态，true选中,false未选中 }, { id: 1002,

ES6新特性解析：箭头函数、模板字符串与解构赋值

本文旨在介绍ES6中的箭头函数、模板字符串与解构赋值等新特性，适合已有一定JavaScript基础的开发者或对ES6感兴趣的初学者阅读学习。 # 2. 箭头函数 ES6中引入的箭头函数是一个非常实用的特性，可以简化函数的书

JavaScript实现格式化字符串函数String.format

10-20

本文介绍了如何在JavaScript中实现一个格式化字符串的函数String.format，其主要功能是通过占位符的方式动态插入变量，同时解决了引号转义的问题，提高了代码的整洁性和可读性。首先，问题的提出是在需要通过...

JavaScript中的数字转字符串方法详解

- 使用模板字符串或字符串拼接：在ES6及以后的版本中，可以使用模板字符串`\``将变量嵌入字符串中，或者简单地使用加号`+`将数字和空字符串连接起来，进行隐式转换。例如，`` `${123}` ``和`123 + ''`都会得到`"123...

vue拼接html中onclick的触发方式，模版字符串拼接点击事件在vue项目中不生效问题

蓝胖子的博客

07-10

2603

vue拼接html中onclick的触发方式，模版字符串拼接点击事件在vue项目中不生效问题

es6模板字符串解决向html添加元素，元素中onclick中函数属性值无效的问题

weixin_45786189的博客

07-29

3465

本人学习过程中编写，定有不足之处，如果有错误，请您积极指正；如果有帮助，请不要吝啬您的赞美（点赞），欢迎各位大佬点赞评论。真实的场景是这样的，今天在进行业务改进，需向某html之前添加其他元素，而该元素内部需添加onclick属性，eg: let shu='Goo7'; let str = "<td><a onclick='delete_goods("+sku+")'>删除</a></td>"; $("#bottom_goods_tr").before(.

js中onclick字符串传参问题

那个小学生的博客

08-09

815

js中onclick字符串传参 var s="VA视频分析要求及注意事项"; var str="<li onclick='searchList( "+s + "); >点击</li>"; function searchList(s){ console.log(s) } 报以下参数错误：因为传值为字符串，需要用转义字符 " " 外变是“”，里面就是‘’外边是‘’，里...

js字符串拼接点击事件，以onclick为例

qq_33453540的博客

07-31

6064

js的点击事件需要解析后才能生效 '<div onclick=repo_donwload(\''+res.id+'\')>'+(res.displayText || '')+'</div>'

ES6模板字符串中使用变量

qq_43576662的博客

06-16

2078

在模板字符串里加${value}即可实现 let value = 1; let code = `可以在字符串里边使用${value}变量value`; console.log(code); // 输出结果：可以在字符串里边使用1变量value

onclick事件传递变量参数&拼接字符串

u012161251的博客

06-13

8819

参考：https://blog.youkuaiyun.com/qq_37212970/article/details/96438987 报错：jsonObj is not defined at HTMLInputElement.onclick 源代码：拼接html html += "<td><input type='submit' id='checkTutorIn...

记录在JS的onclick事件中传入字符串类型的参数小问题

从零开始的异世界JAVA学习

01-13

714

在做某个练习时,这次删除调用的函数需要传递几个参数; 没注意到我这里传递的第三个参数是字符串; 就一直点啊点,它就是报错; 这里传参的时候注意;字符串类型的参数需要转义; str += "<a href='javaScript:void(0)' οnclick='toDelete(" + res.data[i].id+","+ res.data[i].writerId+",\""+res.data[i].title+"\")'>删除</a>"; ...