无法在Javascript HTML中单击按钮时调用函数

Question

我有下面的代码，我需要在单击按钮时调用函数。 但这并不是调用这些函数。 下面的代码有什么问题。

<!DOCTYPE html>
<html>
<body>

<input type="button" value="Copy Parent Text" id="CopyParent"  onclick="getRate("SEK", "USD")">
<input type="button" value="Copy Child Text" id="CopyChild"  onclick="getRate("USD", "SEK")">


<script type="text/javascript">

  function getRate(from, to) {
  alert("1");
    var script = document.createElement('script');
    script.setAttribute('src', "http://query.yahooapis.com/v1/public/yql?q=select%20rate%2Cname%20from%20csv%20where%20url%3D'http%3A%2F%2Fdownload.finance.yahoo.com%2Fd%2Fquotes%3Fs%3D"+from+to+"%253DX%26f%3Dl1n'%20and%20columns%3D'rate%2Cname'&format=json&callback=parseExchangeRate");
    document.body.appendChild(script);
  }

  function parseExchangeRate(data) {
    var name = data.query.results.row.name;
    var rate = parseFloat(data.query.results.row.rate, 10);
    alert("Exchange rate " + name + " is " + rate);
  }

</script>

</body>
</html>

请帮我。

Answer 1

您有语法错误，因为您将双引号括在双引号中。 如果单击按钮时在浏览器的控制台中查看，则会显示错误。

您可以像这样更改HTML来解决它：

<input type="button" value="Copy Parent Text" id="CopyParent"  onclick="getRate('SEK', 'USD')">
<input type="button" value="Copy Child Text" id="CopyChild"  onclick="getRate('USD', 'SEK')">

Answer 2

你必须加上双quot内双quote "getRate("USD", "SEK")" 只需如下更改您的html：

<input type="button" value="Copy Parent Text" id="CopyParent"  onclick='getRate("SEK", "USD")'>
<input type="button" value="Copy Child Text" id="CopyChild"  onclick='getRate("USD", "SEK")'>

Answer 3

简单的错误“ getRate（'SEK'，'USD'）”和“ getRate（'USD'，'SEK'）”

 <!DOCTYPE html> <html> <body> <input type="button" value="Copy Parent Text" id="CopyParent" onclick="getRate('SEK', 'USD')"> <input type="button" value="Copy Child Text" id="CopyChild" onclick="getRate('USD', 'SEK')"> <script type="text/javascript"> function getRate(from, to) { alert("1"); var script = document.createElement('script'); script.setAttribute('src', "http://query.yahooapis.com/v1/public/yql?q=select%20rate%2Cname%20from%20csv%20where%20url%3D'http%3A%2F%2Fdownload.finance.yahoo.com%2Fd%2Fquotes%3Fs%3D"+from+to+"%253DX%26f%3Dl1n'%20and%20columns%3D'rate%2Cname'&format=json&callback=parseExchangeRate"); document.body.appendChild(script); } function parseExchangeRate(data) { var name = data.query.results.row.name; var rate = parseFloat(data.query.results.row.rate, 10); alert("Exchange rate " + name + " is " + rate); } </script> </body> </html>

Answer 4

查看有关使用onclick函数的文档。 如果您使用的是onclick，则必须为参数指定单引号

<input type="button" value="Copy Parent Text" id="CopyParent"  onclick="getRate('SEK', 'USD')">
<input type="button" value="Copy Child Text" id="CopyChild"  onclick="getRate('USD', 'SEK')">

无法在Javascript HTML中单击按钮时调用函数

问题描述

4 个解决方案

解决方案1
1 2017-01-06 11:53:07

解决方案2
0 2017-01-06 11:52:03

解决方案3
0 已采纳 2017-01-06 11:52:48

解决方案4
0 2017-01-06 11:59:53

无法在Javascript HTML中单击按钮时调用函数

问题描述

4 个解决方案

解决方案1 1 2017-01-06 11:53:07

解决方案2 0 2017-01-06 11:52:03

解决方案3 0 已采纳 2017-01-06 11:52:48

解决方案4 0 2017-01-06 11:59:53

解决方案1
1 2017-01-06 11:53:07

解决方案2
0 2017-01-06 11:52:03

解决方案3
0 已采纳 2017-01-06 11:52:48

解决方案4
0 2017-01-06 11:59:53