使用“的if / else”上用onclick(Using “if/else” with OnCli

首先，是它甚至可以编写if / else语句直接用HTML onclick属性？ 如果是的话，为什么不工作我的代码？

所以这是一个按钮。 所述“Calc.Input.value”指的是一个文本输入和欲显示错误消息，如果该字段为0或空白。 在所有其他情况下，我想一些其他的事情发生，你可以看到。 这是不相关的，虽然，因为一切都前后的“其他”工作得很好。

<INPUT TYPE="button" NAME="drop" id="dropbutton" style="background-color:#D1E8D5;" VALUE="
Släpp ankare " OnClick="if ("Calc.Input.value == ''" || "Calc.Input.value == '0'")
{window.alert("Please enter a number");} else 
{document.getElementById('dropbutton').value=' Justera 
längd ';document.getElementById('length').innerHTML =
Calc.Input.value;document.getElementById('dropbutton').style.cssText = 'background-
color:#FFF6B3;';}">

Answer 1:

只是不要把它放在onclick属性。

使用

<INPUT TYPE="button" NAME="drop" id="dropbutton" style="background-color:#D1E8D5;" VALUE="Släpp ankare ">
<script>
document.getElementById('dropbutton').onclick = function() {
    if (Calc.Input.value == '' || Calc.Input.value == '0') {
         window.alert("Please enter a number");
    } else {
        document.getElementById('dropbutton').value=' Justera längd ';
        document.getElementById('length').innerHTML = Calc.Input.value;
        document.getElementById('dropbutton').style.backgroundColor = '#FFF6B3';
    }
    return false;
}
</script>

Answer 2:

你的代码是不工作的原因是因为你需要逃避你"引号，否则会被解释为HTML属性符号。

我同意其他人，这是一个不好的做法，写你的HTML里面你的JavaScript嵌入。

Answer 3:

sweetamylase的回答是最好的，但你也可以考虑：

如果您的onclick =分配双引号括起来（的onclick =“...”），然后尝试使用这些双引号（反之亦然）的内唯一的单引号字符。

这可以使事情变得更容易，当你需要进行分配，以onclick事件动态插入的元素，并具有独立的脚本功能时，是不是真的是一个好选择。

例：

<button onclick="alert('Do this'+' and that')">Press This</button>

Answer 4:

嗯，但如何对这样的事情：

<a href="#" onclick="if (a_function_to_get_language() == 'en') {
    alert('Some message');
}
else {
    alert('Some message in a different language');
}">Action</a>

Answer 5:

警报导航页

           <script>
              function myFunction() {
            alert("You Are Not Signed In!");
                   }
                 </script>

文章来源: Using “if/else” with OnClick