Tecnología

Cómo leer un archivo de texto con código de Javascript en HTML

Escrito por lysis | Traducido por juliana star
Cómo leer un archivo de texto con código de Javascript en HTML

Javascript te permite importar archivos de texto en tus páginas HTML.

Hemera Technologies/AbleStock.com/Getty Images

Algunas aplicaciones web requieren que el programador lea un archivo de texto. Este tipo de importación puede hacerse usando Javascript dentro del código HTML de una página web. Javascript es un lenguaje del lado del cliente que permite que los programadores ejecuten código en un navegador web. Es diferente al código del lado del servidor, ya que este último se ejecuta en el servidor host y luego muestra el resultado en el navegador. Una vez que el archivo de texto es importado, el programador puede elegir mostrar la entrada en un contenedor "div" de la página web.

Nivel de dificultad:
Moderadamente difícil

Otras personas están leyendo

Instrucciones

  1. 1

    Coloca tu bloque de Javascript en el archivo HTML. Cada bloque de instrucciones en Javascript debe estar encerrado en una etiqueta de código. A continuación se muestra el comienzo del código en Javascript, el cual encapsula tu proceso de importación de texto: <script type="text/javascript"></script>

  2. 2

    Lee el archivo. Para leer un archivo en Javascript se requiere la función fopen. El siguiente código obtiene el contenido de un archivo llamado "myFile.txt": file = fopen(getScriptPath("myFile.txt"), 0); En español: "miArchivo.txt": archivo = fopen(getScriptPath("miArchivo.txt"), 0);.

  3. 3

    Asigna el contenido del archivo a una variable de tipo cadena. Esta variable puede ser usada para imprimir el resultado y mostrarlo a los usuarios. El código para asignar el contenido a una variable es el siguiente: file_length = flength(file); content = fread(file, file_length); En español: longitud_archivo = flength(archivo); contenido = fread(archivo, longitud_archivo);

  4. 4

    Crea un div en tu archivo HTML para mostrar los resultados. Usa el siguiente código para crear un div: <div id="miDiv"></div>

  5. 5

    Escribe el contenido del archivo de texto que obtuviste con Javascript en el div. El siguiente código obtiene el ID del div y escribe el contenido del archivo de texto para que los lectores visualicen los resultados de la importación del archivo: document.getElementById("miDiv").innerText = content;

  6. 6

    Guarda el archivo HTML y ábrelo en tu navegador. A continuación prueba el nuevo código para asegurarte de que pueda compilarse y ejecutarse. Los resultados de la importación de tu archivo de texto se muestran en la etiqueta div.

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media