document.write()
JavaScript utiliza el objeto Document, construcción interna de JavaScript que se refiere al archivo HTML en el que resida el script que se está ejecutando.El objeto Document posee una serie de métodos y propiedades que se pueden utilizar con diversos propósitos. Uno de estos métodos es write() que aplicado al objeto Document escribirá documento.write(). Este método recibe como argumento una cadena que es la que se escribirá en el navegador una vez ejecutada la instrucción.
Veamos el siguiente ejemplo:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Escribir información en una página</title>
<style type="text/css">
h1 {
text-align: center;
}
span {
font-weight: bold;
color: Purple;
}
</style>
</head>
<body>
<header>
<h1>Escribir datos con document.write()</h1>
</header>
<section>
<article>
<p>
Tenemos esta página web que muestra en este primer párrafo texto ingresado directamente
en HTML estático.
</p>
<script type="text/javascript">
var msg = "Esta sección de la página se ha creado en la fecha-hora: " +
document.lastModified + " generado con un bloque de JavaScript.";
document.write(msg);
</script>
<p>
En esta sección se vuelve a agregar más contenido usando HTML estático dentro de etiquetas de párrafo.
</p>
</article>
</section>
</body>
</html>
El bloque de código delimitado por las etiquetas: <script>...</script> son las instrucciones JavaScript, primero se asigna una cadena a la variable msg que es declarada en la misma línea donde se le asigna el valor.
El símbolo "+" se utiliza en JavaScript para concatenar cadenas. Dentro del contenido de la cadena puede observar la utilización de la propiedad lastModified que es una propiedad del objeto Document. Para utilizarla se debe escribir document.lastModified, que obtiene la fecha y la hora en que el archivo fue modificado y guardado.
Al ejecutar la página que contiene este guión de JavaScript el resultado será el siguiente:
No hay comentarios:
Publicar un comentario
Con mucho agrado les presento este pequeño manual en forma de blog sobre el lenguaje JavaScript. Espero comentarios de su parte que ayuden a mejorar este trabajo. Aclaro que me he enfocado en un inicio en el JavaScript puro, sin framework. Tal vez más adelante y dedicando algún tiempo en aprenderlos, pueda adentrarme en algún manual de framework JavaScript posteriormente.