javascript - 改变 <a> 标签行为的正确方法是什么？

Question

我想通过 onclick 事件创建一个调用 Javascript 函数的链接，而不做任何其他事情(跟随链接)。最好的方法是什么？我通常这样做:

<a href="#" onclick="foo()">Click</a>

但我不确定这是最好的方法，在本例中它导航到 page.html#，这对我正在做的事情不利。

Answer 1

通常，您应该始终有一个回退链接，以确保禁用 JavaScript 的客户端仍然具有某些功能。这个概念被称为 unobtrusive JavaScript。示例...假设您有以下搜索链接:

<a href="search.php" id="searchLink">Search</a>

您始终可以执行以下操作:

var link = document.getElementById('searchLink');

link.onclick = function() {
    try {
        // Do Stuff Here        
    } finally {
        return false;
    }
};

这样，禁用 javascript 的人会被定向到 search.php，而使用 JavaScript 的观众会看到您的增强功能。

编辑:作为nickf在评论 #2 中指出，如果您的处理程序中存在错误，try and catch 将阻止链接跟随。