JavaScript - Href vs OnClick para função de retorno de chamada no hiperlink

Ao programar em JavaScript, pode haver um requisito para integrar várias funcionalidades em uma página da web ou site. Por exemplo, relacionar recursos semelhantes os torna dependentes um do outro. Em tais situações, as funções de retorno de chamada combinadas com “Href" e "ONCLICK"Desempenham um papel vital em simplificar as complexidades no final do desenvolvedor.

Este artigo ilustrará as funcionalidades de Href e OnClick para a função de retorno de chamada no HyperLink em JavaScript.

"Href" vs "OnClick" para função de retorno de chamada no Hyperlink em JavaScript

O "Href”O atributo fornece o URL da página atual e o“ONCLICK”Evento redireciona para uma função JavaScript. O "ligar de volta”Função refere -se a uma função que é passada como um argumento para outra função.

Diferenças centrais entre "Href" e "OnClick" em JavaScript

A seguir estão as principais diferenças entre "Href" e "OnClick" em JavaScript:

Href	ONCLICK
““Href”É o atributo html.	““ONCLICK ” faz parte do atributo de evento.
Ele redireciona para os hiperlinks através da tag "" e alterna entre as páginas da web.	É usado para invocar a função no arquivo de script.
Ele só funciona quando especificado na tag "".	Pode ser aplicado/anexado a qualquer elemento HTML.

Como usar o atributo "href" para função de retorno de chamada no hiperlink em javascript?

O "Href”O atributo é utilizado para redirecionar para o hiperlink na âncora“”Tag e alterne entre várias páginas da web. Nesta abordagem, esse atributo pode ser usado para invocar uma função de retorno de chamada e exibir a mensagem de acordo:

Clique em mim

No trecho de código acima:

• Em primeiro lugar, crie um hiperlink através da âncora “”Tag tendo a“Href”Atributo redirecionando para a função chamada“MyFunction ()”Acumulando a função de retorno de chamada“myDisplay ()”Como seu argumento.
• No bloco de código JS, declare uma função definida pelo usuário “MyFunction ()”.
• Em sua definição, inicialize o valor da string declarada.
• Depois disso, invoco a função de retorno de chamada “myDisplay ()”Tendo o valor da string especificado como seu argumento.
• Agora, declare a função de retorno de chamada denominada “myDisplay ()”Ao passar o valor da string da função anterior como seu argumento e exibi -lo através do“alerta”Caixa de diálogo ao clicar no link.

Saída

Na saída acima, pode -se ver que a função de retorno de chamada é invocada com sucesso por meio do “Href”Atributo.

Como usar o evento "OnClick" para função de retorno de chamada no Hyperlink em JavaScript?

O "ONCLICK”O evento é utilizado para invocar uma função específica. Este evento pode ser aplicado combinado com a função de retorno de chamada para redirecionar para a função de retorno de chamada, em última análise, no botão Clique e retorne a soma dos valores:

Clique em mim

No trecho de código acima:

• Em primeiro lugar, crie um botão com um anexo “ONCLICK”Evento redirecionando para a função denominada myfunction () com os valores declarados e a função de retorno de chamada myDisplay () como seus argumentos (função principal), respectivamente, respectivamente.
• No código JS, defina uma função chamada “MyFunction ()”Tendo os parâmetros declarados.
• Na definição da função, retorne a soma dos valores na função de retorno de chamada como seu argumento.
• Finalmente, defina a função de retorno de chamada denominada “myDisplay ()”E exiba a soma resultante na caixa de diálogo alerta.

Saída

Como evidente, o valor da soma resultante foi exibido como um alerta no botão Clique.

Conclusão

O "Href”O atributo fornece o URL da página atual e o“ONCLICK”Evento redireciona para uma função JavaScript. Essas abordagens podem ser utilizadas para redirecionar para a função, acumular a função de retorno de chamada e exibir a mensagem correspondente e a soma resultante, respectivamente. Este artigo ilustrou as diferenças entre as funcionalidades de Href e OnClick para a função de retorno de chamada no hiperlink em javascript.