更新 HTML Object 數據

Question

我對 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 來做到這一點？

Answer 1

此腳本將每 10 秒（10000 毫秒）重新加載<object> 。

<!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>

更新 HTML Object 數據

問題描述

1 個解決方案

解決方案1
1 已采納 2020-05-03 00:41:36

更新 HTML Object 數據

問題描述

1 個解決方案

解決方案1 1 已采納 2020-05-03 00:41:36

解決方案1
1 已采納 2020-05-03 00:41:36