我想用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,我只想要一个类似的替代方案。
谢谢!
这是我计划做的事情的涂鸦
最佳答案
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 的宽度和高度;)。
关于html - 网站的简单读入文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13302234/