Question

我正在github.dev的帮助下建立自己的网站（https://khushit-shah.github.io/）。

现在，在每个存储库的顶部，我想展示一些具有该存储库的内容，这些内容应该灵活且易于更改。因此，我在存储库中创建了一个名为“ repodesc.html”的文件。其中包含我们显示的html！然后，使用以下代码为每个存储库添加该html文件。


var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("{{ repository.id }}").innerHTML =  this.responseText;
    }
};
xhttp.open("GET", "https://raw.githubusercontent.com/khushit-shah/{{ repository.name }}/master/repodesc.html", true);
xhttp.send();

这会将https://raw.githubusercontent.com/khushit-shah/Cursor.js/master/repodesc.html中的HTML添加到我的网站（Cursor.js的顶部）。但是repodesc中的script标签没有被执行。

repodesc.html中的代码

<h1 cursor-animate cursor-loop-reverse> Cursor.js </h1>
<script>
  console.log("Is it working?");
  js = "https://raw.githubusercontent.com/khushit-shah/Cursor.js/master/cursor-v.2.0.2.js";
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
     eval(this.responseText);
   }
  };
  xhttp.open("GET", js, true);
  xhttp.send();
</script>

我什至尝试了repodesc.html


<h1 cursor-animate cursor-loop-reverse> Cursor.js </h1>
<script src="https://cdn.jsdelivr.net/gh/khushit-shah/Cursor.js@latest/cursor.v1.0.0.min.js" >
</script>

预期结果：应该执行Cursor.js并为h1标签添加类型写效果的动画效果！

实际结果：repodesc.html中的脚本未执行！

如何使用JavaScript在浏览器中抓取并运行脚本？

0 个答案: