假设我有3个文件:~/html/display。html
,~/data/text。txt
和~/js/script。js
<代码>显示。html具有以下正文:
<body>
<p id="textblock">text</p>
<script src="../js/script.js">
loadTxt("../data/text.txt", "textblock")
</script>
</body>
和文本。txt包含一行:
文本行
我想知道如何使用脚本中的签名loadTxt(path,id)
创建函数loadTxt
。js,它获取路径
的文本文件的内容,并用给定的id
替换段落的内部HTML
。
我尝试过使用fetch
和xhtml,但在导航它们时遇到了问题。
如果我的HTML中的语法错误,也请告诉我。我还不太习惯使用脚本和HTML。
您可以使用fetch
获取响应文本。
function loadTxt(path, id){
fetch(path).then(res => document.getElementById(id).innerHTML = res.text());
}