Обновить HTML Данные объекта - PullRequest
0 голосов
/ 03 мая 2020

Я довольно новичок в HTML, и я пытаюсь создать страницу HTML, которая постоянно читает текстовый файл, чтобы при изменении содержимого текстового файла страница HTML также менялась чтобы отразить это. Мой текущий код выглядит следующим образом:

<!DOCTYPE html>
<html>
<title>File Contents</title>
<h1>File contents of input.txt<br>Below are the contents of the file input.txt, in the same directory as this file</h1>
<div><object data="Input.txt"></object></div>
</html>

Однако этот скрипт загружает текстовый файл только один раз, и любые последующие изменения не будут отображаться.

Есть ли способ сделать это с просто HTML и Javascript?

1 Ответ

1 голос
/ 03 мая 2020

Этот скрипт будет перезагружать <object> каждые 10 секунд (10000 мс).

<!DOCTYPE html>
<html>
<title>File Contents</title>
<h1>File contents of input.txt<br>Below are the contents of the file input.txt, in the same directory as this file</h1>
<div><object data="Input.txt"></object></div>
<script type="text/javascript">
setInterval(() => {
    let obj = document.getElementsByTagName('object')[0];
    obj.setAttribute('data', obj.getAttribute('data'));
}, 10000);
</script>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...