Como ler um arquivo de texto com código Javascript em HTML

Javascript permite que você importe arquivos de texto para suas páginas HTML.

Passo 1

Coloque seu bloco Javascript no arquivo HTML. Cada bloco de instruções em Javascript deve ser colocado em um rótulo de código. Abaixo está o início do código Javascript, que encapsula seu processo de importação de texto:

Passo 2

Leia o arquivo. Para ler um arquivo em Javascript, a função fopen é necessária. O código a seguir obtém o conteúdo de um arquivo chamado "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);
Em espanhol: "myFile.txt": file = fopen (getScriptPath ("meuArquivo.txt"), 0);

Passo 3

Atribuir o conteúdo do arquivo a uma variável do tipo string. Essa variável pode ser usada para imprimir o resultado e mostrá-lo aos usuários. O código para atribuir o conteúdo a uma variável é o seguinte: file_length = flength (file); content = fread (file, file_length); Em espanhol: file_length = flength (file); content = fread (file, file_length);

Passo 4

Crie um div no seu arquivo HTML para mostrar os resultados. Use o código a seguir para criar um div:

Passo 5

Escreva o conteúdo do arquivo de texto que você obteve com o Javascript no div. O código a seguir obtém o ID do div e grava o conteúdo do arquivo de texto para que os leitores visualizem os resultados da importação do arquivo: document.getElementById ("myDiv"). InnerText = content;

Passo 6

Salve o arquivo HTML e abra-o no seu navegador. Em seguida, teste o novo código para garantir que ele possa ser compilado e executado. Os resultados da importação do seu arquivo de texto são mostrados na tag div.