单击链接时，是否显示警告框？
单击链接时，是否显示警告框？
提问于 2012-05-22 02:24:34
所以我开始学习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>回答 3
Stack Overflow用户
回答已采纳
发布于 2012-05-22 02:27:12
你忘了和getElementById在线上的document.
var anchor = document.getElementById('anchor');Stack Overflow用户
发布于 2012-05-22 02:26:54
getElementById是document对象的方法，而不是全局函数。
将其更改为document.getElementById('anchor');
(不过，对于一个真实的页面，确实有一个比href="#"更有用的后备选项)
Stack Overflow用户
发布于 2014-07-11 22:50:09
一个更快的游击队风格的方法是：
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10690547
复制相关文章
相似问题
腾讯云开发者
