href onclick 什么都不做 - Html

在 HTML 中，href 和 onclick 是常用的属性，它们分别用于指定链接和定义点击事件。有时候，可能希望点击链接时什么都不发生，本文将介绍如何在使用 href 和 onclick 属性时实现这一功能。

1. 使用空链接

最简单的方式是将 href 属性设为一个空字符串，这样点击链接时将不会导航到任何页面。

<a href="">Click me</a>

2. 使用 JavaScript:void(0)

另一种常见的方法是使用 href="javascript:void(0)"。这样的设置会执行一个空的 JavaScript 函数，什么都不做。

<a href="javascript:void(0)">Click me</a>

3. 使用 JavaScript 事件处理函数

除了使用 href 属性，还可以使用 onclick 属性来定义点击事件的处理函数。在该函数中，我们可以使用 return false 来阻止链接的默认行为，从而实现点击什么也不做的效果。

<a href="#" onclick="return false;">Click me</a>

4. 使用事件监听器

另一种方法是使用 JavaScript 的事件监听器，例如 addEventListener。通过监听点击事件，并在相应的处理函数中使用 event.preventDefault() 可以达到取消链接默认行为的效果。

<a href="#" id="myLink">Click me</a>

<script>
document.getElementById('myLink').addEventListener('click', function(event) {
  event.preventDefault();
});
</script>

上述方法中的 # 是一个占位符，可以用于保留链接的点击效果，但不会导航到任何页面。

以上提供了几种常用的方式，可以实现在 HTML 中点击链接时什么也不做。根据实际需求和个人偏好，可以选择适合的方法来实现该功能。

注意: 对于使用 return false 或 event.preventDefault() 来实现取消默认行为的方式，需要确保相应的 JavaScript 函数或事件处理程序返回 false，否则默认行为仍然会发生。

希望以上介绍对你有帮助，祝编程愉快！