Ao fazer uma página, se você não quiser fazer nada depois de clicar em um link ou completar outras coisas em resposta ao clique, pode definir seu atributo href = "#", mas haverá um problema, ou seja, quando a página tiver Barras de rolagem, depois de clicar, ele retornará ao topo da página, que tem uma experiência ruim do usuário.
Atualmente, existem várias soluções:
1) Não faça nada depois de clicar no link
A cópia do código é a seguinte:
<a href = "javascript: void (0);"> teste </a>
<a href = "javascript:;"> teste </a>
<a href = "####"> teste </a> // use 2 a 4#, a maioria deles é "####", e alguns usam "#all" e outros
2) Depois de clicar no link, responda ao evento de clique definido pelo usuário
A cópia do código é a seguinte:
<a href = "javascript: void (0)" onclick = "Dosomething ()"> teste </a>
<a href = "#" onclick = "doSomething (); retorna false;"> Todos os problemas foram resolvidos, incluindo problemas de incompatibilidade do navegador </a> // ou use href = "" diretamente
<a href = "#" onclick = "alert (); event.returnValue = false;"> teste </a>
ilustrar:
1.javascript: void (0) Pseudo-protocolo, que é menos escrito. (Eu não entendo, escolhi as palavras originais e vou manter um registro disso)
2. Usando JavaScript: void (0) diretamente no IE pode causar alguns problemas, como: causar a animação do GIF para parar de jogar, etc., então a maneira mais segura é usar "####". Para impedir que o evento OnClick salte para o topo da página depois de clicar no link, o evento OnClick pode ser retornado false.
3. Se você apenas quiser mover o mouse e transformá -lo em forma de mão, você pode usá -lo
A cópia do código é a seguinte:
<span style = "cursor: ponteiro" onclick = "foo ()"> clique em mim! </span>
Void é o operador do JavaScript, que significa: apenas expressões são executadas, mas nenhum valor de retorno.
O formato de uso do operador vazio é o seguinte:
A cópia do código é a seguinte:
JavaScript: void (expressão)
JavaScript: expressão vazia
Para um bom estilo de programa, é recomendável usar o segundo tipo com colchetes
Podemos usar o operador void para especificar um hiperlink, como JavaScript: void (document.form.submit ()). A expressão será calculada, mas não carregará nada no documento atual. é o mesmo que <a href = "javascript: void (1)">.
A chave é saber que o Void é o operador do próprio Javascipt, o que significa que apenas as expressões são executadas, mas nenhum valor de retorno!
Além disso, a página será ajustada automaticamente de volta à parte superior, porque a posição de mira padrão de "#" é superior, então essa situação ocorre.