Jak czytać plik tekstowy z kodem JavaScript w HTML

Krok 1

Umieść swój blok JavaScript w pliku HTML. Każdy blok instrukcji w JavaScript musi być umieszczony w etykiecie kodu. Poniżej znajduje się początek kodu Javascript, który zawiera proces importowania tekstu:

Krok 2

Przeczytaj plik. Aby odczytać plik w JavaScript, wymagana jest funkcja fopen. Poniższy kod pobiera zawartość pliku o nazwie "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);
W języku hiszpańskim: "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);.

Krok 3

Przypisz zawartość pliku do zmiennej typu string. Ta zmienna może być użyta do wydrukowania wyniku i pokazania go użytkownikom. Kod do przypisania zawartości do zmiennej jest następujący: file_length = flength (plik); content = fread (file, file_length); W języku hiszpańskim: file_length = flength (plik); content = fread (file, file_length);

Krok 4

Utwórz div w pliku HTML, aby wyświetlić wyniki. Użyj poniższego kodu, aby utworzyć element div:

Krok 5

Napisz zawartość pliku tekstowego, który otrzymałeś z Javascriptem na div. Poniższy kod uzyskuje identyfikator div i zapisuje zawartość pliku tekstowego, dzięki czemu czytelnicy wizualizują wyniki importu pliku: document.getElementById ("myDiv"). InnerText = content;

Krok 6

Zapisz plik HTML i otwórz go w przeglądarce. Następnie przetestuj nowy kod, aby upewnić się, że można go skompilować i wykonać. Wyniki importowania pliku tekstowego są wyświetlane w znaczniku div.