En este artículo, aprenderemos cómo se ejecuta un archivo .js en el navegador siguiendo varios enfoques. Consulte Programación del lado del servidor y del lado del cliente, para obtener un conocimiento profundo sobre Javascript.
¿Cómo se ejecuta .js en el navegador?
Cada navegador web viene con un motor de JavaScript que proporciona un entorno de tiempo de ejecución de JavaScript. Por ejemplo, Google Chrome utiliza el motor JavaScript V8, desarrollado por Lars Bak . V8 es un motor JavaScript de código abierto desarrollado para los navegadores web Google Chrome y Chromium por The Chromium Project.
El intérprete incorporado del navegador busca la etiqueta <script> o el archivo .js vinculado con el archivo HTML mientras carga una página web, y luego comienza la interpretación y la ejecución.
Enfoque 1: uso de la etiqueta <script> simple:
Sintaxis:
<script> js code</script>
Ejemplo : en este enfoque, hemos escrito código JavaScript dentro del propio archivo HTML utilizando la etiqueta <script> . Este método generalmente se prefiere cuando solo se requieren unas pocas líneas de código JS en un proyecto web. El intérprete incorporado del navegador busca la etiqueta <script> en el archivo HTML mientras carga una página web, y luego comienza la interpretación y la ejecución.
HTML
<!DOCTYPE html>
<html>
<body>
<script>
document.querySelector("body").innerHTML
= "<h2>Welcome to GeeksforGeeks</h2>";
document.querySelector("body")
.style.color = "green";
</script>
</body>
</html>
Producción:
Enfoque 2: Usar <script src=””> con el parámetro “src”:
Sintaxis:
<script src="app.js"></script>
Parámetros:
- src: ruta del archivo para el archivo JavaScript
Para obtener más información sobre las rutas de los archivos, consulte Nombre de la ruta en el Directorio de archivos .
Ejemplo: a continuación se muestra el código Javascript del ejemplo anterior, queremos ejecutar este código siguiendo un enfoque separado diferente. Crearemos un archivo separado » app.js «, y pondremos el código a continuación en este archivo » .js «.
app.js
Ahora, usaremos el siguiente código para vincular el archivo ‘ .js ‘ con el archivo HTML. Para esta tarea, usaremos una etiqueta <script src=” “> donde proporcionaremos la ruta del archivo de nuestro archivo .js en el parámetro src . De esta manera, cuando nuestro archivo HTML comienza a cargarse en el navegador, el intérprete integrado del navegador busca la etiqueta <script> o el archivo .js vinculado con el archivo HTML, y luego comienza la interpretación y la ejecución.
Se prefiere este enfoque cuando se requieren muchas líneas de código JavaScript en un proyecto web, por lo que creamos un archivo .js separado y vinculamos ese archivo .js a nuestro archivo HTML usando el parámetro src de la etiqueta <script> .
HTML
<!DOCTYPE html> <html> <body> <!-- Importing app.js file--> <script src="app.js"></script> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sudhanshublaze y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA