Come leggere un file di testo con codice Javascript in HTML

Javascript ti consente di importare file di testo nelle tue pagine HTML.

Passaggio 1

Inserisci il tuo blocco Javascript nel file HTML. Ogni blocco di istruzioni in Javascript deve essere racchiuso in un'etichetta di codice. Di seguito è riportato l'inizio del codice Javascript, che incapsula il processo di importazione del testo:

Passaggio 2

Leggi il file Per leggere un file in Javascript, è richiesta la funzione fopen. Il seguente codice ottiene il contenuto di un file chiamato "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);
In spagnolo: "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);.

Passaggio 3

Assegna il contenuto del file a una variabile di tipo string. Questa variabile può essere utilizzata per stampare il risultato e mostrarlo agli utenti. Il codice per assegnare il contenuto a una variabile è il seguente: file_length = flength (file); content = fread (file, file_length); In spagnolo: file_length = flength (file); content = fread (file, file_length);

Passaggio 4

Crea un div nel tuo file HTML per mostrare i risultati. Usa il seguente codice per creare un div:

Passaggio 5

Scrivi il contenuto del file di testo che hai ottenuto con Javascript sul div. Il seguente codice ottiene l'ID del div e scrive il contenuto del file di testo in modo che i lettori visualizzino i risultati dell'importazione del file: document.getElementById ("myDiv"). InnerText = content;

Passaggio 6

Salva il file HTML e aprilo nel tuo browser. Quindi prova il nuovo codice per assicurarti che possa essere compilato ed eseguito. I risultati dell'importazione del tuo file di testo sono mostrati nel tag div.