1、纯html是无法直接读取txt文件内容的，这是很肯定的没有疑问的。html就是我们常说的静态文件，是无法读取处理服务器或本地机上的TXT文件的，如图所示：
2、读取txt文件内容可以用JS的ajax读取。ajax读取文本内容原理较为简单，重点基础是熟悉XMLHTTP对象的属性和方法，如图所示：
3、因为在html上的换行是</br>，而如果txt文本也要在html页面上修改的话就不能在txt文本里面加</br>，如图所示：
4、读取到页面时转换一下nl2br('xxx')，如图所示：
5、只要把读取的内容在html上用<pre>从txt读取的内容</pre>包裹起来，如图所示：
主要是利用相对位置，例如，以读取图片文件为例：
1、html读取图片文件和html文件 ，在同一个文件夹，如下图
2、html的代码写的时候，同一个文件夹下 那么就直接写图片的名称
另一种情况、如果图片文件存放在img文件夹下，img文件夹和html文件处于同一个文件夹下
1）存放如下，
2）代码如下：那么就先写图片的文件夹,在写/，在写图片胡全称
代码如下:
function readHTML(){
$.ajax({
async:false,
url : "aa.html“,
success : function(result){
alert(result)
}
})
}
async:false,这个是做与其他的js同步的，若为true或不填将会先运行同级别的其它代码，也就是说这里的result为空，只有其它代码执行完毕后才会运行里面的东西，result才会有值，这通常不是所需要的
表达的可能不是很清楚，自己做个测试就明了了，这是介绍此属性的一个详细的例子：http://www.cnblogs.com/wlmemail/archive/2010/06/22/1762765.html
注：这是使用的jQuery
使用js的话是下面的代码
复制代码 代码如下:
var xmlhttp
if (window.XMLHttpRequest) { // 兼容 IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest()
}
else { // 兼容IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 &&xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText
}
}
xmlhttp.open("GET", "aa.html", true)
xmlhttp.send()
myDiv是你输出的位置，这个是定义在了页面上的一个div
http://www.jb51.net/article/41454.htm
