从javascript代码中的td内的锚标记调用javascript函数

Question

只需要基本的javascript知识。如果有人知道请帮助我。 我不知道该怎么做，但我已经尝试了很多方法，但仍然无法传递该值。

简单地说，我有一个 for 循环，里面有一个 td 。 我想从这个 td click 调用一个 javascript 函数，但问题是我无法将任何参数传递给这个函数。

代码在这里：

 function GetContractList(abc) {
  var data = abc
  for (var it in data) {
            tab += "<tr>";
            tab += "<td>" + data[it].ContractCode + "</td>";
            if (data[it].ContractCode != "") {
                var Contract = data[it].ContractCode;
                 tab += "<td><a onclick='Delete_User(Contract);'>View</td>";
               // tab += "<td><a data=" + data[it].ContractCode + " href='javascript:Delete_User(this.data);'>View</td>";
            }
            else {
                tab += "<td></td>";
            }

正如你所看到的，我试图将参数传递给 Delete_User 函数，但语法在某处被破坏了。

  tab += "<td><a onclick='Delete_User(Contract);'>View</td>";

这一行给出了错误——合同未定义。

"<td><a data=" + data[it].ContractCode + " href='javascript:Delete_User(this.data);'>View</td>".

该行也不向函数传递任何值。 请有人帮助我。

Answer 1

您需要转义函数参数的引号。

tab += '<td><a href="javascript:Delete_User(\'' + data[it].ContractCode + '\');">View</a></td>';
//                                          ^^                             ^^

 function Delete_User(id) { console.log('Delete_User', id); } var cc = '4711abc', tab = '<a href="javascript:Delete_User(\\'' + cc + '\\');">View</a>'; document.write(tab);

Answer 2

尝试：
var cont = data[it].ContractCode.replace(/"/g, '\\\\"');
tab += '<td><a onclick="Delete_User(\\''+cont+'\\');">View</td>";

第一行编码任何双引号
第二行将合约作为参数插入并在其周围添加单引号