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.
Por lysis

Paso 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>


Paso 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);.


Paso 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);


Paso 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>


Paso 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;


Paso 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.