Comment lire un fichier texte avec le code Javascript dans HTML

Javascript vous permet d'importer des fichiers texte dans vos pages HTML.

Étape 1

Placez votre bloc Javascript dans le fichier HTML. Chaque bloc d'instructions en Javascript doit être placé dans une étiquette de code. Vous trouverez ci-dessous le début du code Javascript, qui encapsule votre processus d'importation de texte:

Étape 2

Lit le fichier. Pour lire un fichier en Javascript, la fonction fopen est requise. Le code suivant récupère le contenu d'un fichier appelé "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);
En espagnol: "myFile.txt": fichier = fopen (getScriptPath ("myFile.txt"), 0);.

Étape 3

Attribuez le contenu du fichier à une variable de type chaîne. Cette variable peut être utilisée pour imprimer le résultat et le montrer aux utilisateurs. Le code pour assigner le contenu à une variable est le suivant: file_length = flength (file); content = fread (fichier, file_length); En espagnol: longueur_fichier = flength (fichier); content = fread (file, file_length);

Étape 4

Créer un div dans votre fichier HTML pour afficher les résultats. Utilisez le code suivant pour créer un div:

Étape 5

Ecrivez le contenu du fichier texte que vous avez obtenu avec Javascript sur la div. Le code suivant obtient l'ID de la div et écrit le contenu du fichier texte afin que les lecteurs visualisent les résultats de l'importation du fichier: document.getElementById ("myDiv"). InnerText = content;

Étape 6

Enregistrez le fichier HTML et ouvrez-le dans votre navigateur. Puis testez le nouveau code pour vous assurer qu'il peut être compilé et exécuté. Les résultats de l'importation de votre fichier texte sont affichés dans la balise div.