無法在Javascript HTML中單擊按鈕時調用函數
[英]Not able to call function on button click in Javascript html
問題描述
我有下面的代碼，我需要在單擊按鈕時調用函數。 但這並不是調用這些函數。 下面的代碼有什么問題。
<!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>
請幫我。
4 個解決方案
解決方案1
1 2017-01-06 11:53:07
您有語法錯誤，因為您將雙引號括在雙引號中。 如果單擊按鈕時在瀏覽器的控制台中查看，則會顯示錯誤。
您可以像這樣更改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')">
解決方案2
0 2017-01-06 11:52:03
你必須加上雙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")'>
解決方案3
0 已采納 2017-01-06 11:52:48
簡單的錯誤“ 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>
解決方案4
0 2017-01-06 11:59:53
查看有關使用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')">
單擊 html 按鈕上的 javascript 函數后調用服務器事件
[英]call server event after javascript function on html button click
您如何使用 HTML 按鈕單擊來調用 javascript function？
[英]How do you call a javascript function with a HTML button click?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.