javascript - 显示格式为 html 的文本文件中的文本？

Question

如何将 content.txt 中的文本和其中的标签显示为常规 html？

Answer 1

首先，您创建文件 content.txt 并在其中写入您希望显示的 html 源代码。示例:
content.txt

Yep, this is the content.txt!
Some html?
<code>This is the code tag</code>
<button class="btn btn-primary" onclick="hideAjax()">Hide content.txt</button>
<h1>It works!</h1>

HTML

<div id="ajaxResponse">
    content.txt isn't displayed
</div>
    <button type="button" onclick="loadAjax()" class="btn btn-primary">Show text from content.txt</button>

JS/Ajax

 function loadAjax() {
   var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function() {
     if (this.readyState == 4 && this.status == 200) {
       document.getElementById("ajaxResponse").innerHTML =
       this.responseText;
     }
   };
   xhttp.open("GET", "content.txt", true);
   xhttp.send();
 }

注意:我在 testingc.ga 中找到了这个，所以一定要检查他们的版本。