javascript - anchor 标签列表创建

Question

我正在根据 MySQL/PHP 查询创建 anchor 标记列表； anchor 标记调用 JavaScript 函数。

我的“第 22 条军规”是:

• href="#" 每次单击其中一个 anchor 标记时都会使页面跳转到顶部(非常烦人)
• 删除 href="#" 意味着当 anchor 标记悬停在上面时光标不会改变，该 anchor 标记也不会具有 anchor 标记的外观。

我知道有一种方法可以用 JavaScript(可能是 jQuery)来处理这个问题，但我现在不记得是怎么做的。但是，我真的更喜欢不需要我学习 JavaScript 的更简单的 HTML 修复(如果存在的话)。

编辑:
“不需要我进入 JavaScript”==“不需要大量 JavaScript 更改。”

Answer 1

在您的 javascript 函数中，您应该返回 false，或者对于 jquery，您可以使用 preventDefault()

例子:

$('a').click(function(event) {
    event.preventDefault();
    // do something
});

或者在你的情况下:

<a href=“#” onclick="foo();return false;">

或者将 href 更改为 javascript:void(0):

<a href="javascript:void(0)" onclick="foo();">

理想情况下，您的链接在没有 javascript 的情况下会降级，因此通常会避免第三个选项。