0

因此，我正在阅读有关事件处理程序的教程。我按照说明创建了一个按钮，然后当我单击它时，我希望显示一个警报。而已。但这行不通。这是我的html代码：

<button id="submit">Submit</button>

这是我的javascript代码：

var myButton = document.getElementByID("submit");
myButton.onclick = function(){
alert("YOu clicked on this button");
    }

我正在使用外部 js 文件，并且已将其包含在文档开头的 html 中。

4

5 回答 5

10

document.getElementByID("submit");——Id而不是ID

编辑：我觉得给这个单线作为答案很糟糕，所以要添加其他人所说的关于学习如何使用浏览器的控制台作为调试工具的内容，你应该尝试找到一个带有自动功能的 IDE/文本编辑器完成以节省您的麻烦，尤其是在您刚开始的时候。

于 2013-08-19T02:55:33.670 回答
1

document.getElementById()在页面上创建元素之前，您可能会遇到问题。尝试将 JavaScript 包含在 onload 事件中，或将其包含在 HTML 中的按钮之后。

于 2013-08-19T03:13:04.633 回答
0

这可能是一个错字。它getElementById不是ID

于 2013-08-19T02:56:30.523 回答
0

如前所述，使用带有小写 ID 的 document.getElementById("submit")。此外，您可能希望使用 setAttribute 以便在按下按钮时触发警报，而不是在遇到警报行时立即打开弹出窗口。

<script language="javascript">

    var myButton = document.getElementById("submit");
    myButton.setAttribute("onclick", "alert('You clicked on this button')");

</script>
于 2013-08-19T03:12:12.003 回答
0

从document.getElementByIDto更改document.getElementById并确保您的脚本位于正文中的所有元素下方。例子：

<body>
<button id="submit">Submit</button>

<script type="text/javascript">

    var myBtn = document.getElementById("submit");
    myBtn.onclick = function()
    {
       alert("this is a click event button");
    };

</script>

</body>

或者您可以<head></head>通过将此事件添加到您的脚本中来将脚本放入其中：

function initialize()
{
  // paste your code in here
}

document.addEventListener("DOMContentLoaded",initialize,false);

希望它有效！

于 2013-08-19T03:24:45.127 回答