如何从HTML将字符串传递给Javascript函数？

Question

I have a dynamic Html table in which there is a cell that contains anchor tag. Along with the anchor tag, I'm calling a function thru OnClick method. That function takes two parameter and both are String type.

In that, one string contains the value like this "PUT Request|GET Request|JDBC Request|"

Example:

<td align='center'><a href='#' title='click here' onclick=showTestCaseReport('" 
+ tcId + "','" + strStep + "')>Detail</a></td>

JavaScript function:

function showTestCaseReport(testCaseId, testSteps)
{
    alert(testCaseId);
    alert(testSteps);
}

But when click on the click ie Detail from the browser, Javascript alert is not displaying as per the function defined.

EDITED: After analysed, I came to know that the String value that I had mentioned above has white space in the middle. After removing the white spaces like this PUTRequest|GETRequest|JDBCRequest| , its working.

Ques: Is there any way to handle this without removing the white space in the middle of the string values?

Thanks

Answer 1

您的onclick属性缺少引号，请正确添加引号并继续进行操作参见此https://jsbin.com/viqosobizo/edit?html，输出

<td align='center'><a href='#' title='click here' onclick="showTestCaseReport('hello','great');">Detail</a></td>

Answer 2

You are not showing how you create that table. Assuming you have your <td> wrapped in quotes too, you need to either escape them or use data attributes (recommended)

"<td align='center'><a href='#' title='click here'"+
" data-tcId='"+tcId+"' data-strStep='"+strStep+"'"+ 
" onclick='return showTestCaseReport(this)'>Detail</a></td>"

Then

function showTestCaseReport(cell) {
  var testCaseId = cell.getAttribute("data-tcId"),
      testSteps  = cell.getAttribute("data-strStep");
  ....
  return false; // cancel link
}