通过javascript将文本文件转换为html

Transcluding a text file into html via javascript

本文关键字：转换 html 文件 文本 javascript 通过      更新时间：2023-09-26

我一直在寻找各种解决方案，到目前为止，我发现的"最简单的"似乎是对类似问题的评论。

我对javascript或如何实现它知之甚少，所以我被困在为什么这可能不起作用。

到目前为止，我有：

<!DOCTYPE html>
<html>
<title>Goal, Strategy, Tactic</title>
<script type="text/javascript">
function read(textFile){
    var xhr=new XMLHttpRequest;
    xhr.open('GET',textFile);
    xhr.onload=show;
    xhr.send()
}
function show(){
    var pre=document.createElement('pre');
    pre.textContent=this.response;
    document.body.appendChild(pre)
}
</script>

在体内：

<script type="text/javascript">
<!--
read('Android_String_Update.txt');
show();
//-->
</script>

Android_String_Update.txt是一个包含内容的文本文件。我也在支持 xhr2 的 safari 8.0 上对此进行测试

文本文件内容为：

文件中的文本示例为

#### Inputs
No inputs required
#### Tools
* Jenkins
* Gitlab
#### Steps
1. Navigate to the jenkins
1. Click on "Build Now"

知道我做错了什么吗？

我刚刚在最新版本的 Firefox 上测试了您的代码，它运行良好。测试的代码： 

<!DOCTYPE html>
<html>
<title>Goal, Strategy, Tactic</title>
<script type="text/javascript">
function read(textFile){
    var xhr=new XMLHttpRequest;
    xhr.open('GET',textFile);
    xhr.onload=show;
    xhr.send()
}
function show(){
    var pre=document.createElement('pre');
    pre.textContent=this.response;
    document.body.appendChild(pre)
}
</script>
<body>
<script type="text/javascript">
read('Android_String_Update.txt');
show();
</script>
</body>
</html>

假设您在同一文件夹中有一个名为 Android_String_Update.txt 的文本文件，它应该可以工作。你在 javascript 控制台中有任何错误吗？

相关文章：