在网页上的 .txt 文件中显示数据的简单方法？答案

【问题标题】：simple way to display data in a .txt file on a webpage?在网页上的 .txt 文件中显示数据的简单方法？
【发布时间】：2011-06-06 06:34:41
【问题描述】：

在处理一个项目时，其中一个网页将显示人员列表（具体来说，是尚未找到的毕业班人员列表）。我不想手动更新表格中的这些列表，这是一种愚蠢的 Web 1.0 方式，我想获取提交的名称列表，将它们转换为简单的 .txt 列表，然后在网页上显示该列表。

到目前为止，最简单的方法是使用 iframe 元素...唯一的问题是，我不能（或不知道如何）将任何文本样式应用于 iframe 的内容。我在这里发布了一个我能够完成的示例：http://dongarber.com/test//helpus-iframetest.html

默认字体是 courier，客户可能不会太喜欢它。有没有更好的方法来做到这一点，不需要 ASP.NET 或数据库？

#list  p {
    font: arial;
    font-size: 14px;
}

...


    <p>Help us locate all of our classmates from the High School class of 1961. If  you know&nbsp;where they live&nbsp;or their e-mail addresses contact the Reunion Committee.</p>
    <p>&nbsp;</p>
    <div id="list"><p><iframe src="missingmen.txt" width=200 height=400 frameborder=0 ></iframe></p></div>



  </div>

【问题讨论】：

您可以使用什么？这将是任何服务器端语言的单行代码。
甚至使用SSI。

标签： html iframe

【解决方案1】：

您不能设置文本文件的样式，它必须是 HTML

【讨论】：

【解决方案2】：

如果您只想将文件的内容投射到屏幕上，您可以尝试使用 PHP。

<?php
    $myfilename = "mytextfile.txt";
    if(file_exists($myfilename)){
      echo file_get_contents($myfilename);
    }
?>

【讨论】：

使用include，效率更高！

【解决方案3】：

简单的方法：

将missingmen.txt 重命名为missingmen.html。
在missingmen.html 的顶部添加一行：
<link href="txtstyle.css" rel="stylesheet" type="text/css" />
创建一个名为txtstyle.css 的文件，并在其中添加如下一行：
html, body {font-family:Helvetica, Arial, sans-serif}

【讨论】：

哦，天哪……这听起来比这样做要多得多；-)
也许 - 我的原始答案中的解决方案的优点是它非常容易理解和实施。
您可以使用html, body { font-family: Helvetica, Arial, sans-serif; white-space: pre-wrap; } 使换行符起作用。
实际上最简单的方法在下面的答案中描述，使用
@Hobbamok：这个10 岁 问题要求一种自定义字体的方法，我认为<object> 不可能。此外，如果您想这样做，几乎没有理由使用<object> 来代替标准的<iframe>。仅仅因为您更喜欢另一个答案而对一个有效的答案投反对票也很奇怪，而只是对那个答案投赞成票。

【解决方案4】：

您如何将提交的名称转换为“简单的 .txt 列表”？在该步骤中，您可以将它们转换为简单的 HTML 列表或表格吗？然后你可以将它包装在一个标准标题中，其中包含你想要的任何样式。

【讨论】：

是的，我认为这接近三十点的建议。谢谢，也为你投票！

【解决方案5】：

我发现如果我尝试其他人认为行不通的事情，这是我学习最多的方式。

<p>&nbsp;</p>
<p>README.txt</p>
<p>&nbsp;</p>
<div id="list">
  <p><iframe src="README.txt" frameborder="0" height="400"
      width="95%"></iframe></p>
</div>

这对我有用。我使用了在样式表中设置的黄色背景色。

#list  p {
    font: arial;
    font-size: 14px;
    background-color: yellow ;
}

【讨论】：

【解决方案6】：

这是我使用的代码：

<?php   
    $path="C:/foopath/";
    $file="foofile.txt";

    //read file contents
    $content="
        <h2>$file</h2>
            <code>
                <pre>".htmlspecialchars(file_get_contents("$path/$file"))."</pre>
            </code>";

    //display
    echo $content;
?>

请记住，如果用户可以修改 $path 或 $file（例如通过 $_GET 或 $_POST），他/她将能够看到您的所有源文件（危险！）

【讨论】：

【解决方案7】：

您可以将其添加为脚本文件。保存带有js后缀的txt文件

在头部添加

&lt;script src="fileName.js"&gt;&lt;/script&gt;

【讨论】：

为什么？这甚至没有意义

【解决方案8】：

在较新的浏览器中，如下代码可能就足够了。

<object data="https://www.w3.org/TR/PNG/iso_8859-1.txt" width="300" height="200">
Not supported
</object>

【讨论】：

这才是真正的答案！ 10/10。易于实施，立即生效，无需摆弄。
对于更改字体等的部分：CSS类