简单的网站读入文件

Question

我想用css样式制作一个简单的单页html页面

（这是某个主题的首选帮助页面。）页面内容非常冗长，所以我希望将内容保留在页面之外。

我使用了像这样的简单读入代码

<?php

    $f = fopen("unitednations.txt", "r");

    // Read line by line until end of file
    while(!feof($f)) { 
        echo fgets($f) . "<br />";
    }

    fclose($f);

    ?>

这可以创造奇迹，因为它允许样式表中的所有内容都适用于txt文件中的任何文本。所以它实际上只是页面的一部分。

但是我计划将它托管在一个简单的地方，这是一个单页事件，我不想经历寻找提供php和所有爵士乐的免费主机的麻烦。

就像css样式表一样，我想“链接”一个txt文件并转储到页面上。

Html提供了嵌入和对象代码，但是这些不允许CSS做它的事情，我想甚至将类似链接的html代码嵌入到文本文件中，并让页面像往常一样对齐它。它适用于php，我只想要一个类似的替代方案。

谢谢！

这是我计划做的一个涂鸦

Answer 1

<强>的Javascript

这是一个使用Javascript的方法。

var contents = new XMLHttpRequest();
contents.open('GET', 'unitednations.txt');

contents.onreadystatechange = function() {
    document.getElementById('content').innerHTML=contents.responseText;
}
contents.send();

使用要加载的文件的路径将PATH替换为您的文件。另外，请不要忘记将内容（第5行）替换为要加载文本的元素的ID。

<强>说明

仅当用户启用了Javascript并且您只能导入您自己域的文件时，这才有效。更简单的方法是使用以下内容：

<强>帧

<iframe src="unitednations.txt" frameborder="0"></iframe>

不要忘记设置iFrame的宽度和高度;）。

Answer 2

您可以使用jQuery并替换正文标记的HTML。

使用Chrome并打开本地文件而不是从服务器打开文件（服务器可以在本地运行），你不会遇到问题。在IE中测试。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
  $(function () {
    $('body').load('file_name.txt');
  });
</script>