Question

我想创建一个可以传递参数的按钮，但是你可以看到我给它参数“Jason”的位置，它结束了'onclick'值的行。我该怎么办？

<script type="text/javascript">
    function greeting(name,age){
        alert("Hello, "+name+", you are "+age+" years old.");
    }
</script>
<form>
<input type="button" value="Click me" onclick="greeting("Jason",20)" />

Answer 1

在双引号内使用单引号，否则您将终止字符串：

onclick="greeting('Jason',20)"
                 -^-   -^-

Answer 2

您需要使用不同的引号。

<input type="button" value="Click me" onclick="greeting('Jason',20)" />

或者您可以使用HTML实体。

<input type="button" value="Click me" onclick="greeting(&quot;Jason&quot;,20)" />

但是onclick已经过时了。我会做这样的事情。

HTML：

<button type="button" class="js-greeting" data-name="Jason" data-age="20">Click me</button>

JS（加上jQuery;你可以不用，但是跨浏览器的问题仍然很严重）：

$(function() {
    $('.js-greeting').click(function() {
        var name = $(this).data('name');
        var age = $(this).data('age');

        alert("Hello, " + name + "; you are " + age + " years old.");
    });
});

按钮警报中的多个参数？

2 个答案: