單擊鏈接時，顯示警告框？

Question

所以我剛開始學習JavaScript。 當我點擊“Click Me！”時，我的警告框不會彈出！

<!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 個解決方案

解決方案1
4 已采納 2012-05-21 18:27:11

解決方案2
0 2012-05-21 18:26:53

解決方案3
0 2014-07-11 14:50:08

單擊鏈接時，顯示警告框？

問題描述

3 個解決方案

解決方案1 4 已采納 2012-05-21 18:27:11

解決方案2 0 2012-05-21 18:26:53

解決方案3 0 2014-07-11 14:50:08

解決方案1
4 已采納 2012-05-21 18:27:11

解決方案2
0 2012-05-21 18:26:53

解決方案3
0 2014-07-11 14:50:08