De este libro transcribiré los ejercicios |
Nuestro primer script
Pues bien, empezaremos a hacer lo que nos gusta que es hacerlo y es como también aprendemos, crearemos una página llamada saludo.html cuya estructura quedaría de la siguiente manera:
<!DOCTYPE html>
<html lang="es-MX">
<head>
<meta charset="UTF-8">
<title>Primer Script</title>
<script language="javascript">
alert ("Hola desde javascript")
</script>
</head>
<body>
Esto es el cuerpo de la página
</body>
</html>
Al ejecutar la página en el navegador vemos el siguiente resultado:
Este es el resultado al ejecutarlo con Firefox, si se ejecuta con otro navegador, el estilo del cudro cambiará, pero será solo eso, el estilo, despues de dar clic en el botón Aceptar continua la carga normal de la página como se aprecia en la siguiente imagen:
Como pueden observar en la dirección del navegador, estoy utilizando un Servidor WEB, pero para estos ejemplos no es necesario, se puede ejecutar localmente, pero vamos a explicar el script.
Nuestro primer script incluye solamente una línea, pero antes de esa línea, tenemos que indicarle al html que utilizaremos el lenguaje JavaScript
<script language="javascript">
Como sabemos, con esa etiqueta mandamos llamar al lenguaje JavaScript, depués tenemos la siguiente línea:
alert ("Hola desde javascript")
Lo que realiza esta instrucción es mostrar una alerta al iniciar la página, alert realmente es una funcíon, que recibe un parámetro que es un texto a mostrar, por lo tanto debe ir entre comillas (""), ¿que pasaría si pusieramos alert sin comillas? pues vamos a hacer la prueba
alert (Hola desde javascript)
Al ejecutar la página no muestra el mensaje, ya que al ser un error, el navegador lo ignora.
JavaScript es sensible a mayúsculas y minúsculas, por lo que tendremos que teclear la instrucción o en este caso la función tal cual el nombre que es. ¿Que pasa si ponemos Alert() y no alert(), vamos a realizar la prueba, a ver que sucede
Alert("Hola desde JavaScript")
Al ejecutarlo, tampoco muestra el recuadro con la alerta, debido a que como les mencioné en el párrafo anterior, tiene que escribirse tal cual es el nombre de la instrucción o la instrucción
<!DOCTYPE html>
<html lang="es-MX">
<head>
<meta charset="UTF-8">
<title>Primer Script</title>
<script language="javascript">
alert ("Hola desde javascript")
</script>
</head>
<body>
Esto es el cuerpo de la página
</body>
</html>
Al ejecutar la página en el navegador vemos el siguiente resultado:
Como pueden observar en la dirección del navegador, estoy utilizando un Servidor WEB, pero para estos ejemplos no es necesario, se puede ejecutar localmente, pero vamos a explicar el script.
Nuestro primer script incluye solamente una línea, pero antes de esa línea, tenemos que indicarle al html que utilizaremos el lenguaje JavaScript
<script language="javascript">
Como sabemos, con esa etiqueta mandamos llamar al lenguaje JavaScript, depués tenemos la siguiente línea:
alert ("Hola desde javascript")
Lo que realiza esta instrucción es mostrar una alerta al iniciar la página, alert realmente es una funcíon, que recibe un parámetro que es un texto a mostrar, por lo tanto debe ir entre comillas (""), ¿que pasaría si pusieramos alert sin comillas? pues vamos a hacer la prueba
alert (Hola desde javascript)
Al ejecutar la página no muestra el mensaje, ya que al ser un error, el navegador lo ignora.
JavaScript es sensible a mayúsculas y minúsculas, por lo que tendremos que teclear la instrucción o en este caso la función tal cual el nombre que es. ¿Que pasa si ponemos Alert() y no alert(), vamos a realizar la prueba, a ver que sucede
Alert("Hola desde JavaScript")
Al ejecutarlo, tampoco muestra el recuadro con la alerta, debido a que como les mencioné en el párrafo anterior, tiene que escribirse tal cual es el nombre de la instrucción o la instrucción
Comentarios en JavaScript
Para poner un comentario se utiliza el formato de C++ que es un una doble diagonal (//), esto es para una sola línea, y también para dos líneas
//Esto es un comentario de una línea
/*Este es un comentario
de varias
líneas */
Hasta aquí nuestro primer código en JavaScript, es la introducción a este gran lenguaje, espero les haya gustado y haya sido de su agrado, espero comenten, compartan, den +1 o un clic a algún anuncio que les interese
No hay comentarios.:
Publicar un comentario