如何防止点击"#"链接跳转到页面顶部？

防止点击"#"链接跳转到页面顶部的方法有以下几种：

1. 使用JavaScript代码阻止默认行为

在JavaScript中，可以通过阻止默认行为来防止链接跳转到页面顶部。以下是一个示例代码：

document.querySelectorAll('a[href="#"]').forEach(function(link) {
  link.addEventListener('click', function(event) {
    event.preventDefault();
  });
});

1. 使用JavaScript代码返回false

在HTML中，可以在链接的onclick事件中返回false，以防止链接跳转到页面顶部。以下是一个示例代码：

<a href="#" onclick="return false;">点击链接</a>

1. 使用JavaScript代码禁用链接

在JavaScript中，可以通过将链接的href属性设置为javascript:void(0)来禁用链接。以下是一个示例代码：

<a href="javascript:void(0);">点击链接</a>

1. 使用CSS代码隐藏链接

在CSS中，可以通过将链接的display属性设置为none来隐藏链接。以下是一个示例代码：

a[href="#"] {
  display: none;
}

通过以上方法，可以有效地防止点击"#"链接跳转到页面顶部。