按鈕警報中的多個參數？

Question

我是Javascript新手，很抱歉，找不到答案。

<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)" /> 

我想打一個按鈕，可以傳遞參數，但你可以看到我給paramater「傑森」給它，它結束了「的onclick」價值線。我該怎麼辦？

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