如何使html页面显示文件而不是下载文件？

我在github页面上托管了一个网页。页面上有一个指向.bib文件的链接。当我单击指向bib文件的链接时，它会下载该文件。我想要的是它在我的浏览器上打开bib文件并显示内容（它只是纯文本）。有办法做到这一点吗

下面是我想要实现的演示：当您单击此链接时，它会显示.bib文件的内容，而无需下载。我希望我的网站也能做到这一点

我的代码：

我在上面链接的演示的源代码：

---

任何帮助都将不胜感激。谢谢

在较新的浏览器中，使用对象标记显示在当前浏览器窗口中

var Alink=document.getElementById（'f100'）；
addEventListener（“单击”，函数（）{
ShowFile（）；
}); 
函数ShowFile（）{
var foo=document.getElementById（'foo'）；
var obj=document.createElement（'对象'）
obj.setAttribute（“数据”https://cs.stanford.edu/people/jcjohns/papers/iccv15/JohnsonICCV2015.bib");
对象设置属性（“宽度”，300）；
对象设置属性（“高度”，100）；
foo.appendChild（obj）；
}

---

在较新的浏览器中，使用对象标记显示在当前浏览器窗口中

var Alink=document.getElementById（'f100'）；
addEventListener（“单击”，函数（）{
ShowFile（）；
}); 
函数ShowFile（）{
var foo=document.getElementById（'foo'）；
var obj=document.createElement（'对象'）
obj.setAttribute（“数据”https://cs.stanford.edu/people/jcjohns/papers/iccv15/JohnsonICCV2015.bib");
对象设置属性（“宽度”，300）；
对象设置属性（“高度”，100）；
foo.appendChild（obj）；
}

那么做类似于

[bibtex]

？当我尝试此操作时，它不会添加一个可单击的链接来将我带到文件中。否会将您直接带到文件中…[bibtex]仅在操作失败时才会显示。。。因此，您为单击创建单独的文件。。。我将更新我的答案，用Javascript实用地创建它。我不明白的是这个人是如何做到的（）。如果你向下滚动到他的页面上标题为“爱你的邻居：利用图像元数据进行图像注释”的文章，并单击其下的[bib]链接，它会将你带到一个显示.bib文件内容的页面，而无需下载该文件。你知道他是如何做到这一点的吗？哦，那是因为他的服务器被设置成可以查看这些文件。从第二部分我的答案中复制并通过，然后执行类似于

[bibtex]

的操作？当我尝试此操作时，它不会添加一个可单击的链接来将我带到文件中。否会将您直接带到文件中…[bibtex]仅在操作失败时才会显示。。。因此，您为单击创建单独的文件。。。我将更新我的答案，用Javascript实用地创建它。我不明白的是这个人是如何做到的（）。如果你向下滚动到他的页面上标题为“爱你的邻居：利用图像元数据进行图像注释”的文章，并单击其下的[bib]链接，它会将你带到一个显示.bib文件内容的页面，而无需下载该文件。你知道他是如何做到这一点的吗？哦，那是因为他的服务器被设置成可以查看这些文件。从第二部分复制和过去我的回答老实说，有一个区别：外部链接是一个绝对的url。不是亲戚。但在他的网站上，它只是一个链接，指向文件的方式和我的一样。这就是我试图用第二行源代码展示的内容。他和我指向bib文件的链接在html源代码中看起来都一样。如果您转到并单击“爱您的邻居：利用图像元数据进行图像注释”的[bib]链接，您自己也可以看到这种行为。老实说，有一点不同：外部链接是一个绝对url。不是亲戚。但在他的网站上，它只是一个链接，指向文件的方式和我的一样。这就是我试图用第二行源代码展示的内容。他和我指向bib文件的链接在html源代码中看起来都一样。如果您转到并单击“爱您的邻居：利用图像元数据进行图像注释”的[bib]链接，您自己就可以看到这种行为