Home / Questions / 30314
Accepted
Jorius
Asked: 2020-10-28 18:35:02 +0800 CST 2020-10-28 18:35:02 +0800 CST

在 onclick 内的函数中传递参数时出现引号问题

  • 772

我有这个变量javascript

var ACTIONS =
    "<div class='btn-group' role='group'>" +
        "<a class='btn btn-xs btn-primary' href='/users/show/edit/" + row.id + "'>Edit</a>"+
        "<a class='btn btn-xs btn-success' href='/users/show/read/" + row.id + "'>Show</a>"+
        "<a class='btn btn-xs btn-danger' onclick='destroyUser('" + row.name + "');' >Delete</a>"+  // <-- Mi problema es aquí
    "</div>";

当检查元素时文档完成加载时，它向我显示如下： 在此处输入图像描述

它应该像这样向我展示：onclick="destroyUser('jhon doe');"

我该如何纠正？

javascript

1 Answers

  1. Best Answer

    您可以用属性值中的双引号替换当前引号并“转义”这些引号：

    var row = {id:1, name:'John'};

var actions =
    "<div class='btn-group' role='group'>" +
        "<a class='btn btn-xs btn-primary' href='/users/show/edit/" + row.id + "'>Edit</a>"+
        "<a class='btn btn-xs btn-success' href='/users/show/read/" + row.id + "'>Show</a>"+
        "<a class='btn btn-xs btn-danger' onclick=\"destroyUser('" + row.name + "');\" >Delete</a>"+
    "</div>";

document.write(actions);

    • 0