Javascript OnClick 事件答案

【问题标题】：Javascript OnClick eventJavascript OnClick 事件
【发布时间】：2013-02-03 17:59:32
【问题描述】：

这是我正在构建的简单货币转换器的一些代码。 calculate() 脚本运行良好，但 clear() 代码拒绝工作并且看起来一样？？

<a href="#" OnCLick="calculate();">US - CDN</a>
<a href="#" OnCLick="clear();">Clear</a>

<script type="text/javascript">
    function clear() {
            document.getElementById('us-cdn1').innerHTML = '';
    }
</script>
<script type="text/javascript">
    function calculate() {
        var amount = parseFloat(document.getElementById("amount").value);
        var result = document.getElementById("amount");
            result.value = (amount).toFixed(2);
        var result = document.getElementById("amount1");
            result.value = (amount * .9861932938856016).toFixed(2); 
            document.getElementById('us-cdn').innerHTML = 'US';
            document.getElementById('us-cdn1').innerHTML = 'CDN';
    }

</script>

【问题讨论】：

对不起，糟糕的帖子...标签已关闭...计算脚本工作正常...只是清除失败
没关系，我看到你的评论了
顺便说一句...感谢您的快速回答...其他看起来有问题...我真的在摸不着头脑！
我建议你使用 jQuery 并在之后添加你的监听器。看看this fiddle
这里有一个关于 clear() 的很好的解释 stackoverflow.com/questions/7165570/…

标签： javascript public-html

【解决方案1】：

clear() 是一个公共函数。改成：

<a href="#" onclick="clearField();">Clear</a>

<script type="text/javascript">
function clearField() {
        document.getElementById('us-cdn1').innerHTML = '';
}
</script>

【讨论】：

+1 - 仅作为 100% 准确的注释，它实际上是 onclick，您可以在此处阅读：onclick or onClick?