javascript - ボタン アラートに複数のパラメータがありますか?

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.");
    });
});