javascript - 如何防止在没有“#”的情况下使用 onclick 重新加载？

Question

我希望通过链接添加一些说明 - onclick 调用显示简单警报框的脚本。如果我真的喜欢这样...

<label for="arquivo">Máximo de 1MB, observe os <a href="" onclick="ajudaUpload();">tipos permitidos</a>.</label>

即使返回 false，页面也会重新加载，如果我确实喜欢这个......

<label for="arquivo">Máximo de 1MB, observe os <a href="#" onclick="ajudaUpload();">tipos permitidos</a>.</label>

使用“#”符号，页面滚动到顶部，“#”添加到查询字符串。有没有第三种方法可以在不重新加载、滚动和垃圾的情况下做到这一点？

Answer 1

调用后返回 false：

<a href="" onclick="ajudaUpload();return false;">tipos permitidos</a>

或者，如果您的函数返回 false，那么您可以返回函数的结果：

<a href="" onclick="return ajudaUpload();">tipos permitidos</a>

仅在函数中返回 false 是不够的，您需要从 click 处理程序中实际返回 false。

Answer 2

您可以使用.preventDefault()方法，或者返回 false，或者一起删除 HREF 标记。两者都应该工作得很好。

Vc nao deviar estar usando onclickdessa forma pra comecar。Ja eh bem antigo e nao se usa assim mais。

Answer 3

<a href="" onclick="return ajudaUpload()">tipos permitidos</a>

然后在你的函数中返回 false：

function ajudaUpload()
{
  ...
  return false;
}

Answer 4

您可以使用：

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

甚至我也遇到了类似的问题。我想使用 onclick 功能，但页面会重新加载，这是我不想要的。我试过 href = "javascript:void(0);" 它奏效了。

Answer 5

非常简单的方法就是添加“？” （问号）:)

铁

<a href="#?">Moiz Travadi</a>

Answer 6

几乎所有元素都支持 onclick 事件，因此您可以使用 ab 标签或按钮标签，甚至是 span 标签。然后，您可以设置它的样式，使其看起来就像一个链接（标签），或者您想要的任何其他方式。例如：

<label for="arquivo">Máximo de 1MB, observe os <b onclick="ajudaUpload();">tipos permitidos</b>.</label>

Answer 7

删除您的 herf 并为您的标签提供 id。然后通过使用 id 你可以显示你的警报。('#id').click(function (){alert(message); return false; });