HTML中拼接函数一次传多个参数异常问题

China_HaoZi

于 2021-05-26 17:15:30 发布

阅读量567

点赞数

CC 4.0 BY-SA版权

分类专栏： Jsp 文章标签： jquery html5 html

本文链接：https://blog.youkuaiyun.com/China_HaoZi/article/details/117297920

Jsp 专栏收录该内容

9 篇文章

订阅专栏

本文探讨了在HTML中使用JavaScript进行动态编辑标签时，如何正确拼接函数参数以避免传递异常。示例代码展示了在创建编辑设备链接时，如何将多个参数（如id和deviceTypeId）安全地传递给editDevice函数，并在控制台打印出来。重点在于理解字符串连接和函数调用的正确语法。

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

在HTML中在JS 中进行动态编辑标签，拼接函数传参时，往往涉及到多个参数，这是可能会造成参数传递异常

代码形式如下：（拼接时函数名不要加引号，参数加引号）

function(value, row, index) {
    actions.push('<a onclick= editDevice("'+row.id+'","'+row.deviceTypeId+'")><i class="fa fa-edit"></i>编辑</a> ');
    return actions.join('');
}
//函数
function editDevice(id,deviceTypeId){
    console.log(id)
    console.log(deviceTypeId)
}

参考文章：https://blog.youkuaiyun.com/weixin_38238552/article/details/106919535