Cómo llamar a la función JavaScript en HTML
Función JavaScript en línea
El primer método es llamar a la función JavaScript en HTML. Para esto, debe crear una función y luego definir esta función, ya sea en la sección principal o en la sección del cuerpo del documento HTML. Puede crear un enlace o un botón y luego un evento OnClick () está asociado con ellos para llamar a esta función.
Ahora vamos a demostrar un ejemplo simple. Este ejemplo contiene un archivo HTML simple en el que hemos definido un método functionName () dentro de las etiquetas de script en el cabezal del HTML como se muestra a continuación.
Además, creamos un botón y asociamos el evento OnClick () con él como se muestra a continuación. Posteriormente, cada vez que el usuario hace clic en el botón, se invoca la función:
Hola, haga clic en el botón de abajo para invocar la función
Ejemplo
Hola, haga clic en el botón de abajo para invocar la función
Producción
Llamar a la función JavaScript a través de archivos externos
El segundo método es llamar a una función JavaScript en HTML a través de .archivos js. Los archivos externos de JavaScript se adjuntan en la sección principal del archivo HTML. En primer lugar, debe crear dos archivos que.e ... archivo html en el que se escribe el código HTML y el otro es .JS en el que se definen las funciones.
Tenemos que crear un documento HTML una vez que hayamos terminado con la creación de JavaScript. Después de incorporar el archivo JavaScript, tenemos que crear un enlace o un botón, luego invocar la función definida en el archivo JavaScript.
Ejemplo
Este ejemplo contiene un archivo HTML simple "articl.html"En el que vinculamos el archivo JavaScript externo"jsartícula.js".
articl.html
Hola, haga clic en el botón de abajo para invocar la función
Jsartícula.js
función functionName ()documento.escribir ("Estás aprendiendo a llamar a la función JavaScript en HTML");
Los archivos HTML y JavaScript deben guardar en la misma carpeta y, si no, tenemos que proporcionar una ruta completa en las etiquetas de script presentes en la sección Cabezas. En nuestro ejemplo proporcionado, hemos guardado los archivos HTML y JavaScript en la misma carpeta, por eso hemos proporcionado el nombre del archivo JavaScript en lugar de proporcionar la ruta completa.
Hemos creado un botón en la sección del cuerpo y además de ese botón, también hemos utilizado el evento OnClick para llamar a una función. Ahora, cada vez que el usuario haga clic en ese botón, se invocará la función que se define en el archivo JavaScript como se muestra en la imagen mencionada a continuación.
Hola, haga clic en el botón de abajo para invocar la función
Producción
Conclusión
En este artículo, demostramos cómo llamar a las funciones de JavaScript dentro de HTML. También hemos discutido dos métodos. En el primer método, incluimos un archivo JavaScript dentro de un documento HTML. En el segundo método, llamamos a JavaScript a través de archivos externos. Ambos métodos se han explicado brevemente junto con ejemplos de cómo las funciones de JavaScript se pueden invocar en HTML.