Question

所以我开始学习JavaScript。当我点击＆＃34;点击我！＆＃34;时，我的警告框不会弹出！

<!DOCTYPE html>

<html lang="en">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>JAVASCRIPT</title>

</head>
<body>

    <a href="#" id="anchor">Click Me!</a>

    <script type="text/javascript">

        var anchor = getElementById('anchor');
        // or anchor = getElementsByTagName('a') then do ('a')[0]

        anchor.addEventListener('click', doSomething, false);

        function doSomething() {
            alert('clicked');
        }

    </script>

</body>
</html>

Answer 1

您在document.

的行上忘记了getElementById

 var anchor = document.getElementById('anchor');

Answer 2

getElementById是document对象的方法，而不是全局函数。

将其更改为document.getElementById('anchor');

（尽管对于真实的页面来说，确实有一个更有用的后备href="#"

Answer 3

更快的游击队风格方法是：

<a href="javascript:;" onclick="alert('clicked')">Click Me!</a>

通常虽然不鼓励添加内联JS代码，因为它会影响可维护性。这会更好。注意没有必要使用document.getElementById（），因为你可以从'this'获取元素引用。

<a href="javascript:;" onclick="my_function(this)">Click Me!</a>

<script>
my_function = function(elem) {
   //elem points to anchor element clicked
}
</script>

单击链接时，显示警告框？

3 个答案: