1

所以我才开始学习 JavaScript。当我点击“点击我！”时，我的警告框没有弹出！

<!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>
4

3 回答 3

4

你忘记document.了getElementById：

 var anchor = document.getElementById('anchor');
于 2012-05-21T18:27:11.770 回答
0

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

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

href="#"（虽然对于真实页面，但确实有更有用的后备）

于 2012-05-21T18:26:53.863 回答
0

一种更快的游击风格方法是：

<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>
于 2014-07-11T14:50:08.937 回答