JavaScript - Href vs OnClick para la función de devolución de llamada en Hyperlink
Este artículo ilustrará las funcionalidades de HREF y OnClick para la función de devolución de llamada en Hyperlink en JavaScript.
"Href" vs "OnClick" para la función de devolución de llamada en Hyperlink en JavaScript
El "href"El atributo proporciona la URL de la página actual y el"al hacer clic"El evento redirige a una función JavaScript. El "llamar de vuelta"La función se refiere a una función que se pasa como un argumento a otra función.
Diferencias centrales entre "href" y "onclick" en JavaScript
Las siguientes son las diferencias centrales entre "href" y "onclick" en JavaScript:
| href | al hacer clic |
|---|---|
| "href"¿Es el atributo HTML. | "al hacer clic" es parte del atributo del evento. |
| Se redirige a los hipervínculos a través de la etiqueta y los interruptores entre las páginas web. | Se usa para invocar la función en el archivo de script. |
| Solo funciona cuando se especifica en la etiqueta "". | Se puede aplicar/adjuntar a cualquier elemento HTML. |
Cómo usar el atributo "href" para la función de devolución de llamada en Hyperlink en JavaScript?
El "href"El atributo se utiliza para redirigir al hipervínculo en el ancla""Etiqueta y cambie entre varias páginas web. En este enfoque, este atributo se puede usar para invocar una función de devolución de llamada y mostrar el mensaje en consecuencia:
Haz click en miEn el fragmento de código anterior:
- En primer lugar, cree un hipervínculo a través del ancla ""Etiqueta que tiene el"href"Redirección de atributos a la función llamada"myFunction ()"Acumulando la función de devolución de llamada"mydisplay ()"Como su argumento.
- En el bloque de código JS, declare una función definida por el usuario "myFunction ()".
- En su definición, inicialice el valor de cadena establecido.
- Después de eso, invoque la función de devolución de llamada "mydisplay ()"Tener el valor de cadena especificado como argumento.
- Ahora, declare la función de devolución de llamada llamada "mydisplay ()"Al pasar el valor de la cadena de la función anterior como su argumento y mostrarlo a través del"alerta"Cuadro de diálogo al hacer clic en el enlace.
Producción
En la salida anterior, se puede ver que la función de devolución de llamada se invoca con éxito a través del "href" atributo.
Cómo usar el evento "OnClick" para la función de devolución de llamada en Hyperlink en JavaScript?
El "al hacer clicEl evento se utiliza para invocar una función particular. Este evento se puede aplicar combinado con la función de devolución de llamada para redirigir a la función de devolución de llamada en última instancia sobre el botón Haga clic y devuelve la suma de los valores:
En el fragmento de código anterior:
- En primer lugar, cree un botón con un adjunto "al hacer clic"Redirección de eventos a la función llamada myFunction () que tiene los valores establecidos y la función de devolución de llamada myDisplay () como sus argumentos (principales), respectivamente.
- En el código JS, defina una función llamada "myFunction ()"Tener los parámetros establecidos.
- En la definición de función, devuelva la suma de los valores en la función de devolución de llamada como su argumento.
- Finalmente, defina la función de devolución de llamada llamada "mydisplay ()”Y muestre la suma resultante en el cuadro de diálogo de alerta.
Producción
Como es evidente, el valor de suma resultante se ha mostrado como una alerta sobre el botón Haga clic.
Conclusión
El "href"El atributo proporciona la URL de la página actual y el"al hacer clic"El evento redirige a una función JavaScript. Estos enfoques se pueden utilizar para redirigir a la función, acumular la función de devolución de llamada y mostrar el mensaje correspondiente y la suma resultante, respectivamente. Este artículo ilustró las diferencias entre las funcionalidades de HREF y OnClick para la función de devolución de llamada en Hyperlink en JavaScript.