Como incluir Href e OnClick para HTML <a> Marcação

Como incluir Href e OnClick para HTML <a> Marcação

HTML permite que seu usuário adicione vários atributos dentro dos elementos HTML. Além disso, também permite que os desenvolvedores invocem a função JavaScript dentro dos elementos HTML para tornar o site mais responsivo. Por exemplo, pode ser necessário capturar o evento de clique e depois navegar para outro site. Para fazer isso, o “Href" e "ONCLICK”Ambos são atributos no HTML“" marcação.

Esta posta.

Como incluir "Href" e "OnClick" para HTML "" Tag?

Para incluir Href e OnClick to Html Tag, crie um contêiner div e insira a tag "". Então, entre a tag "", use o "Href”Atributo html e o“ONCLICK”Evento JavaScript.

Para fazer isso, siga as instruções dadas.

Etapa 1: Crie um contêiner div

Primeiro, crie um recipiente de div, utilizando o “" marcação.

Etapa 2: Adicione "Href" e "OnClick em uma tag

Em seguida, use o “”Tag e insira o“Href”Atributo para adicionar o URL do site e o“ONCLICK”Atributo para realizar um evento quando o usuário clicar nele:


Clique em mim

Como resultado, quando o link adicionado for clicado, um evento será criado e somos navegados para o “Linux Dica" pagina inicial:

Etapa 3: Use a função “alert ()”

Adicione o "”Tag e insira a seguinte função entre o script:

De acordo com o código fornecido:

  • O "Função Criar (e)”Está definido para criar um novo evento quando um usuário clica no link declarado incorporado no texto.
  • ““alerta()”A função gera uma mensagem de alerta quando um usuário clica no link. Os usuários devem confirmar clicando em “OK”Para seguir em frente.

Como resultado, clicar no botão abrirá uma caixa de alerta com a mensagem “Olá”:

A funcionalidade fornecida pode ser utilizada em cenários, como exibir uma mensagem em caso de inscrição bem-sucedida em um site.

Etapa 4: aplique “e.PreventDefault () ”função

No caso oposto, quando o “e.PreventDefault ()”A função é invocada, ela parará de criar um evento enquanto o usuário clica no link incorporado:

função create (e)
e.prevenvDefault ();

Como resultado, nada acontecerá após o clique:

Isso se trata de incluir o href e onClick dentro da etiqueta de html.

Conclusão

Para incluir o href e o OnClick para o html “”Tag, primeiro, crie um“div”Contêiner e insira a tag“ ”em HTML. Então, adicione o “Href”Para inserir o URL do site. Depois disso, adicione um “ONCLICK”Evento que é utilizado para criar um evento quando o usuário clica no link. Este artigo explicou o método para adicionar HREF e OnClick em uma tag html.