Este blog discutirá as funcionalidades da expressão href declarada “ '.
O que a expressão href “ ' faz?
O atributo href em um HTML “ ” normalmente especifica a URL ou a página da Web para a qual o link é direcionado.
No caso de ' ”, o atributo href é definido como “ javascript:; ” que é um valor de espaço reservado que não faz nada quando clicado. Isso geralmente é usado quando o link está sendo usado para uma função ou evento JavaScript e não precisa redirecionar o usuário para uma nova página.
O ' javascript:; ” é o recurso mais impressionante do JavaScript para integrá-lo com HTML e CSS. Ajuda chamar as funções JavaScript em um HTML href ou tag âncora.
Exemplo
No exemplo dado, exiba a imagem na página atual clicando no link usando “ javascript:; ” no atributo href que impedirá que o navegador saia da página atual:
< id div = 'minha imagem' > div >
< a href = 'javascript: img = document.createElement('img');
img.src = 'sol.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > Mostrar imagem a >
No código acima:
- Primeiro, crie um elemento div no arquivo HTML e atribua um id “ myImg ”.
- Defina o atributo href como “ javascript:; ” e crie um “ img ” elemento utilizando o “ criarElemento() ” método.
- O ' origem ” irá indicar o caminho da imagem.
- Obtenha a referência do elemento de imagem no arquivo HTML para mostrar a imagem usando o “ getElementById() ” método.
- Anexe a imagem como um elemento filho usando o “ appendchild() ” método.
A saída indica que a imagem será exibida na mesma página ao clicar no link:
Você também pode acessar a função na tag href com “ javascript:; ” espaço reservado:
< id div = 'minha imagem' > div >< a href = 'javascript:minhaFunção();' > Clique em mim a >
Defina uma função “ minhaFunção() ” na tag