javascriptコード内のアンカータグ内のアンカータグからjavascript関数を呼び出す

Question

基本的なjavascriptの知識が必要です。誰でも助けてください。 私はそれを行う方法がわかりませんが、私は多くの方法でそれを試しましたが、まだ値を渡すことができませんでした。

単純に、私はforループを持っており、その中にtdがあります。私はこのtdのクリックから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>"; 
      } 

uが見ることができるように、私は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>";

それ