无法获得执行 Javascript 代码的按钮答案

【问题标题】：Can't get a button to execute Javascript code无法获得执行 Javascript 代码的按钮
【发布时间】：2011-05-30 19:17:27
【问题描述】：

我写了一些 html/css/javascript 代码，这些代码是从 javascript 教科书中逐字提取的。由于某种原因，代码在我的浏览器（最新版本的 Firefox）中无法正常运行。当我单击按钮时，javascript 函数“toggleStyle()”根本不会在浏览器中执行。这是按钮的代码：

<button type="button" onclick="toggleStyle()">Toggle Style</button>

这是javascript编码。请注意，当我单击按钮时，甚至不会执行 alert() 方法：

        function toggleStyle() {
        alert("toggleStyle() is working.");
        var divMessage = document.getElementById("divMessage");

        if (divMessage.className === "message-style1") {
            divMessage.className = "";
        }
        else {
            divMessage.className = "message-style1";
        }

【问题讨论】：

你试过检查 Firefox 的错误控制台吗？按Ctrl+Shift+J（如果在Windows 上）显示任何可能导致代码执行不正确的错误或警告。如果默认情况下未为您启用，请参阅：developer.mozilla.org/en/Error_Console。
还有}结束函数吗？
您忘记了函数的结束“}”。
你在哪里定义了函数（位置）？你能发布完整的 HTML 代码，包括 JavaScript 吗？

标签： javascript html css button onclick

【解决方案1】：

你把代码放在<script type="text/javascript">里面了吗？

<script type="text/javascript">

function toggleStyle() {
        alert("toggleStyle() is working.");
        var divMessage = document.getElementById("divMessage");

        if (divMessage.className === "message-style1") {
            divMessage.className = "";
        }
        else {
            divMessage.className = "message-style1";
        }
}
</script>

上面的代码正在运行：

【讨论】：

@Michael Seeley：正如其他人所说：问题可能是结束标签 } 您忘记了。复制/粘贴我的答案代码，然后再试一次...
哈哈，哇，成功了。天哪，我现在感觉自己像个菜鸟。感谢您的帮助！

【解决方案2】：

对于初学者，我没有看到结尾 } 大括号；你有吗？

另外，函数在哪里定义？脚本是否被加载？有错误吗？

【讨论】：