html - 网站的简单读入文件

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 TO YOUR FILE 替换为您要加载的文件的路径。另外不要忘记将内容(第 5 行)替换为您要将文本加载到其中的元素的 ID。

备注

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

框架

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

不要忘记设置 iFrame 的宽度和高度；)。