在onclick函数中传递一个字符串参数

我想传递一个参数(即字符串)到Onclick函数。

目前，我是这样做的:

'<input type="button" onClick="gotoNode(' + result.name + ')" />'

例如，result.name = string "Add"。

当我点击这个按钮时，我有一个错误，说“Add is not defined”。由于这个函数调用可以很好地处理数值形参，所以我假设它与字符串中的符号“”有关。

我该如何解决这个问题?

当前回答

如果你需要传递一个带有'this'关键字的变量，下面的代码可以工作:

var status = 'Active';
var anchorHTML = '<a href ="#" onClick = "DisplayActiveStatus(this,\'' + status + '\')">' + data+ '</a>';

其他回答

let task = {....}

<button onclick="myFunction('${task}')">Continue task</button></li>

如果要求在HTML代码中引用全局对象(JavaScript)，您可以尝试这样做。[不要在变量周围使用任何引号('或")]

小提琴参考。

JavaScript:

var result = {name: 'hello'};
function gotoNode(name) {
    alert(name);
}

HTML:

<input value="Hello" type="button" onClick="gotoNode(result.name)" />

你也可以在字符串中使用重音符号(')

Try:

`<input type="button" onClick="gotoNode('${result.name}')" />`

欲了解更多信息，请访问MDN和Stack Overflow。

由Chrome, Edge, Firefox (Gecko)， Opera, Safari支持，但不支持Internet Explorer。

我猜，您正在使用JavaScript本身创建一个按钮。代码中的错误在于，它会以这种形式呈现

<input type="button" onClick="gotoNode(add)" />'

在当前状态下，add将被视为与变量或函数调用类似的标识符。你应该这样转义这个值

'<input type="button" onClick="gotoNode(\'' + result.name + '\')" />'

您可以传递一个引用或字符串值。只需将函数放在双逗号“”中，如下所示:

推荐文章