1

我想用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，我只想要一个类似的替代方案。

谢谢！

这是我计划做的涂鸦

在此处输入图像描述

4

2 回答 2

0

您可以使用 jQuery 并替换 body 标记的 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>
于 2012-11-09T05:36:25.740 回答
0

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 的宽度和高度；）。

于 2012-11-09T05:31:34.613 回答