Colegio Nacional de Educación Profesional Técnica

Lic. "Jesus Reyes Heroles"

Nombre del Alumno: José Guadalupe Martínez Cruz

Módulo: Diseño y Elaboración de Páginas Web

Grupo: INFO-604.

Práctica: N° 14.

Introducción

A partir de un código ya dado con Java Script, se modifica para mostrar un mensaje extra y además que todo el código Java Script debe estar en un archivo externo y este siga funcionando en el documento de HTML.

Código

Se ocupa el código de la practica anterior, solamente se cambia la dirección del archivo código.js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//ES">
<html xmlns="http://www.w3.org/1999/xhtml">>
<head>
Practica 14

</head>

Esta página contiene el primer script



</body>
</html>

El código Java Script queda así dentro del archivo codigo.js

//// Practica 14
 function mensaje(){
var mensaje = "Hola mundo!\n Que facil es incluir 'comillas simples' y \''comillas dobles\" ";
 alert(mensaje);
 }

Explicación del código generado

En el HTML se muestra que solo se modificó la propiedad src de la primera etiqueta de script <script src="p14/codigo.js" type="text/javascript"></script> El código JS muestra que se declara la variable mensaje en el que se asigna un valor tipo string que es el mensaje que se debe mostrar al cargar la pagina, esta se muestra a través de alert(); colocándola dentro de los paréntesis. En valor de la variable se colocó \n para permite un salto de línea, y \” que permite mostrar las comillas dobles

Resultado

El mensaje establecido por la práctica se muestra de correctamente al cargar la página:

Conclusión

En Java Script se también utilizan variables en las cuales se pueden almacenar diversos valores. Las cadenas se declaran entre comillas dobles, y ellas para poder mostrar un carácter especial se coloca una diagonal invertida antes del carácter a mostrar. Además, las variable pueden mostrar su valor dentro de la función alert();

URL de la práctica

http://dewe.mypost.skn2.com/practicas/practica14.html

Practica 13

Colegio Nacional de Educación Profesional Técnica

Lic. "Jesus Reyes Heroles"

Nombre del Alumno: José Guadalupe Martínez Cruz

Módulo: Diseño y Elaboración de Páginas Web

Grupo: INFO-604.

Práctica: N° 13.

Introducción

Código

Transcrito el código HTML queda de este modo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//ES">
<html xmlns="http://www.w3.org/1999/xhtml">>
<head>

El primer script

</head>
<body onload="mensaje();">
Esta página contiene el primer script




</body>
</html>

El código Java Script queda así dentro del archivo codigo.js

//// Practica 13
/*Uso de JS*/
 function mensaje(){
alert("Este es un mensaje de alerta !");
alert("Soy el primer script!");
 }

Explicación del código generado

En el primer código va el XHTML, en este se le agrega:

<script type="text/javascript" src="p13/codigo.js"></script>

Remplazando a:

<script type="text/javascript">

alert("Este es un mensaje de alerta !");

</script>
Se logra observar que dentro de la primera etiqueta del script va la propiedad type, con ella señalamos que se trata de un condigo en Java Script.

En el primero se le añadió la propiedad src=””, en el cual se llama al archivo de Java Script(.js) escribiendo la ubicación de este; en el archivo que se utiliza en esta practica se colocó el código que estaba encerrado entre las etiquetas <script> y </script> del código HTML original, además en archivo codigo.js se añadió el mensaje Soy el primer script!.
Estos dos mensajes o alertas están dentro de la función mensaje que se llama al cargar la pagina colocando onload="mensaje();" en la eiquta body.

Por ultimo, en el código HTML se agrega un párrafo que dice “Su navegador tiene inhabilitado el soporte de JavaScript, por lo que no se muestra correctamente“, y este solo se muestra cuando el JS este desactiva, esto se logra colocándolo dentro de las etiquetas “<noscript>” y “</noscript>”.

Resultado

Se muestran los mensajes al cargar la página y estos desaparecen hasta que se da clic en aceptar:

Conclusión

En el código HTML se pueden incluir diversos Script de Java, el cual es un lenguaje interpretado por los Navegadores Web. Este sirve para conseguir una pagina que sea dinámica con el usuario que visite una pagina o sitio web. Si el navegador tiene el Java Script desactivado se puede el aviso de esto en código HTML.

URL de la práctica

http://dewe.mypost.skn2.com/practicas/practica12.html