Cómo incluir tanto href como oncclick a html <a> Etiqueta

Cómo incluir tanto href como oncclick a html <a> Etiqueta

HTML permite a su usuario agregar varios atributos dentro de los elementos HTML. Además, también permite a los desarrolladores invocar la función JavaScript dentro de los elementos HTML para que el sitio web sea más receptivo. Por ejemplo, es posible que deba capturar el evento de clic y luego navegar a otro sitio web. Para hacerlo, el "href" y "al hacer clic"Son ambos atributos en el HTML"" etiqueta.

Esta publicación explica para incluir el OnClick y Href tanto a la etiqueta HTML.

Cómo incluir tanto "href" como "onclick" a html ""?

Para incluir tanto HREF como OnClick a la etiqueta HTML, cree un contenedor DIV e inserte la etiqueta "". Luego, entre la etiqueta "", use el "href"Atributo HTML y el"al hacer clic"Evento de JavaScript.

Para hacerlo, siga las instrucciones dadas.

Paso 1: crear un contenedor Div

Primero, cree un contenedor Div utilizando el "" etiqueta.

Paso 2: Agregue tanto "href" como "onclick en una etiqueta

A continuación, usa el ""Etiqueta e inserte el"href"Atributo para agregar la URL del sitio web y el"al hacer clic"Atributo para realizar un evento cuando el usuario hace clic en él:


Haz click en mi

Como resultado, cuando se hace clic en el enlace agregado, se creará un evento y se navegará al "Pista de Linux"Página de inicio:

Paso 3: Use la función "Alert ()"

Añade el ""Etiqueta e inserte la siguiente función entre el script:

Según el código dado:

  • El "Función Crear (E)"Se define para crear un nuevo evento cuando un usuario hace clic en el enlace establecido incrustado en el texto.
  • "alerta()La función "genera un mensaje de alerta cuando un usuario hace clic en el enlace. Los usuarios deben confirmar haciendo clic en "DE ACUERDO"Para avanzar.

Como resultado, hacer clic en el botón abrirá un cuadro de alerta con el mensaje "Hola":

La funcionalidad dada se puede utilizar en escenarios como mostrar un mensaje en caso de registro exitoso en un sitio web.

Paso 4: Aplicar "E.FUNCIÓN PREVENDEFAULT () "

En el caso opuesto, cuando el "mi.PreventDefault ()Se invoca la función, dejará de crear un evento mientras el usuario haga clic en el enlace incrustado:

función create (e)
mi.prevenDefault ();

Como resultado, no sucederá nada después del clic:

Se trata de incluir el href y el ontclick dentro de la etiqueta de html.

Conclusión

Para incluir el href y en el cierre del HTML ""Tag, primero, crea un"div"Container e inserte la etiqueta" "en HTML. Luego, agregue el "href"Para insertar la URL del sitio web. Después de eso, agregue un "al hacer clic"Evento que se utiliza para crear un evento cuando el usuario hace clic en el enlace. Este artículo ha explicado el método para agregar href y onclick en una etiqueta html.