Artículo anterior: Curso de JavaScript | ¿Qué es JavaScript?
Cada vez que escribimos javascript hacemos uso de la etiqueta ‘script’ . Sabemos de qué se compone un documento HTML normal. La etiqueta ‘script’ se usa para escribir código javascript y esta etiqueta ‘script’ se coloca dentro de la etiqueta ‘head’ o dentro de la etiqueta ‘body’.
Ejemplo:
HTML
<!DOCTYPE HTML> <html> <head> <title></title> <!-- Script tag can also be placed here --> </head> <body> <p>Before the script...</p> <!-- Script tag inside the body --> <script> // write the javascript code inside it </script> <p>...After the script.</p> </body> </html>
Podemos poner la etiqueta del script dentro de la etiqueta ‘head’ o ‘body’. Aunque debe tenerse en cuenta que cada elección de poner la etiqueta ‘script’ tiene sus propias consecuencias. Por ahora, puede colocar la etiqueta del script en cualquier lugar que desee.
Imprimiendo Hello World
Para poder imprimir la famosa frase ‘Hello World’ en la pantalla, podemos hacer uso de diferentes métodos que proporciona javascript. Los más comunes son:
- consola.log()
- documento.escribir()
- alerta()
Cada uno de los métodos anteriores tiene diferentes formas de generar el contenido. Aunque ‘document.write()’ se usa cuando queremos imprimir el contenido en el documento que es el documento HTML. También ‘console.log()’ se usa principalmente cuando estamos depurando código javascript y lo mismo con ‘alert()’.
Ejemplo:
Javascript
<script>
// using console.log
console.log('Hello World');
</script>
Pulse Ctrl+Shift+J para ver el resultado en la consola del navegador.
Producción:
Ejemplo:
Javascript
<script>
// using document.write
document.write('Hello World');
</script>
Producción:
Hello World
Ejemplo:
Javascript
<script>
// using alert
alert('Hello World');
</script>
Producción:
Navegador compatible:
- Google Chrome
- Borde de Microsoft
- Firefox
- Ópera
- Safari
Artículo siguiente: Curso de JavaScript | Comprender la estructura del código en JavaScript