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

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

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.