我想使用文本文件作为我网站上的文本源。我只是无法将其显示在我想要的位置
我已经设法从文件中读取文本,但现在我陷入困境。
这是我的 readFile 函数:
<script>
function readFile(input){
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var textFileText = searchFile(this.responseText, input);
document.getElementById(input).innerHTML = this.textFileText;
}
};
xhttp.open("GET", textFile, true);
xhttp.send();
}
</script>
我已经尝试过并且有效。
这是 searchFile 函数:
<script>
function searchFile(text, searched){
var output;
var n = text.search(searched);
output = text.substr((n+str.length+2), text.indexOf('\n'));
return output;
}
</script>
它应该过滤文件中的文本以查找特定单词。
文本文件如下所示:
[header]=text
[thing1]=more text
我的想法是,如果我像这样调用该函数:
readFile("thing1");
输出应该是“更多文本”
这里我调用了显示标题文本的函数:
<h2 onload = "readFile(this.id)" id = "header"></h2>
但是之后什么也没有显示。
我也尝试过这个:
<h2 onload = "readFile('header')" id = "header"></h2>
但还是没有显示任何内容。
我是否遗漏了什么或者我做错了什么?
最佳答案
h2
或大多数标签都没有 onload
。因此,我只需从页面上的脚本标记内调用该函数,而不是从 onload
调用该函数。
<script>readFile('header');</script>
关于javascript - 如何使用 javascript 以 html 形式显示文本文件中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56548560/