Alternativas para usar " # " en el atributo href [duplicar]

Normalmente uso esto:

href="javascript:void(0);"

Establecer el atributo href de un ancla en javascript:void(0); indica al navegador que este ancla no es un hipervínculo a otro documento o ancla,

Si su controlador onclick devuelve false, el enlace no será seguido por el navegador. Prueba esto:

<a href="#" onclick="alert('No # in the address bar!'); return false;">Click Me</a>

EDITAR:

Si usted es absolutamente hellbent en no usar el octothorpe (ie. # símbolo), no tienes que hacerlo. Prueba esto:

<a href="" onclick="alert('No change in the address bar!'); return false;">Click Me</a>

¿Por qué necesita definir algo en href?

Así es como funciona= >

<a id="close-question-1871874" title="closes/opens question for answering....">
  close<span title="3 more vote(s) needed to close this question"> (2)</span>
</a>

Pero - si se supone que el enlace realmente navega en algún lugar-mantenga normal href
y solo e.preventDefault () comportamiento regular con jQuery.

Nickf me adelantó; sin embargo, algunas cosas deben mencionarse. Nunca debe usar el protocolo "javascript" para un enlace (a menos que tal vez tenga la intención de que sea un bookmarklet). Es lo contrario de la mejora progresiva. Siempre que sea posible, el atributo href debe ser un recurso URI real para que pueda degradarse con gracia. En todas las demás situaciones, se recomienda " # " y se debe usar JavaScript adecuado para evitar que la página se desplace hacia arriba. Hay dos métodos para hacerlo. En el controlador de clics, evite la acción predeterminada o devuelva false.

$('a[rel*="popup"]').click(function(e) {
    e.preventDefault();
    loadPopup({url: this.href});
});

O

$('a[rel*="popup"]').click(function() {
    loadPopup({url: this.href});
    return false;
});

Usar el carácter "#" como marcador de posición básicamente hace que el enlace "esté activo."El navegador lo interpreta como una etiqueta que apunta a otra cosa. Si href está vacío, el navegador asumirá que la etiqueta a es solo otra etiqueta.

Una forma de evitarlo es asignar un CSS a una etiqueta diferente que emula la misma funcionalidad de la etiqueta a. Al pasar el ratón, cambia el subrayado, cambia de color, etc. Puede cambiar fácilmente el estado de la ventana y hacer que parezca que el usuario está haciendo clic en un enlace cuando en realidad no están haciendo clic en un enlace tanto como hacer un evento de clic.

De hecho, esa es la mejor opción, porque ejecutar solo una función JS a través de un enlace de eventos que no se puede usar sin JavaScript no debe considerarse un enlace en primer lugar.

Siempre uso esto:

<a href="javascript:;">Click to your heart's delight</a>

Tal vez no entiendo smething, pero si no hay ningún enlace, simplemente no debe usar un elemento en primer lugar. Utilice algunos o adjunte detectores de eventos a los elementos de la lista. Puede estilizar estos elementos para que tengan cursor: pointer; usando CSS.

Recuerde que los navegadores tienen algunas acciones especiales asociadas con los enlaces, como "abrir en una nueva pestaña", "guardar elemento de destino", etc. Cuando se usa el atributo dummy href='', estas acciones funcionan de forma rota, por lo que es mejor no usar enlaces en absoluto.

El por otro lado, si eres capaz de representar el contenido de estas partes ajaxificadas como páginas normales (y tiene sentido), sigue el consejo de nickf.