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

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

目前，我是这样做的:

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

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

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

我该如何解决这个问题?

当前回答

<button style="background-color: gray;color:white;" onclick="displayAlert('the message')">alert</button>
<script>
    function displayAlert(msg){
        alert(msg);
    }

</script>

2022-06-01 13:55:19

其他回答

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

Try:

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

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

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

2016-05-01 12:58:39

如果用于生成一组具有不同处理程序参数的按钮。

JavaScript闭包

let some_button = document.createElement( "button" );
some_button.type = "button";

some_button.onclick = doWithParam( some_param );

function doWithParam( param ){
    return function(){
        alert( param ); // <-- Your code here
    }
}

如果我们这样做:

some_button.onclick = foo( some_param );
function foo( param ){
    alert( param );
}

然后函数foo在每个更新页面之后启动。

如果我们这样做:

for( let i = 0; i < 10; ++i ){
    var inputElement = document.createElement('input');
    inputElement.type = "button"
    inputElement.addEventListener('click', function(){
        gotoNode(result.name);
    });

    document.body.appendChild(inputElement);
}

然后，对于循环中创建的所有按钮，参数的最后一个值是“result.name”。

2018-07-05 05:07:16

看起来像是从字符串构建DOM元素。你只需要在result.name周围添加一些引号:

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

不过，您确实应该使用适当的DOM方法来实现这一点。

var inputElement = document.createElement('input');
inputElement.type = "button"
inputElement.addEventListener('click', function(){
    gotoNode(result.name);
});

document.body.appendChild(inputElement);

请注意，如果这是一个循环或其他东西，结果将在事件触发之前发生变化，您需要创建一个额外的作用域气泡来掩盖变化的变量。

2012-03-10 02:41:22

这是一种发送值或对象的好方法。

<!DOCTYPE html>
<html>
    <body>
        <h1  onclick="test('wow',this)">Click on this text!</h1>
        <script>
            var test = function(value,object) {
                object.innerHTML= value;
            };
        </script>
    </body>
</html>

2015-10-30 15:57:21

如果您正在使用ASP。NET你可以使用JavaScript:

HTML

<input type='button' value='test' onclick='javascript: EditSelectedOptionName(x,y)' />"

JavaScript

function EditSelectedOptionName(id, name) {
    console.log(id);
    console.log(name);
}

2018-11-22 05:39:05

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

推荐文章

最新文章

标签