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>包裹起来,如图所示:
光用HTML语言是不能读取服务器或本地机上的TXT文件的,需要用到其他语言。如果你的txt文件是在服务器上,你可以用很多方法把TXT文件中的html标签除掉后显示出纯文本内容。
参考一下下面代码:
<iframe src="a.txt" name=iframe1></iframe>
<div id=div1></div>
<script>
//在iframe1中已经显示有TXT文本的内容,下面代码是把TXT中的内容中的HTML标记取消,只取得文本
var txtval=ifram1.body.innerText
//把文本显示在div1中
div1.innerHTML=txtval
</script>
主要是利用相对位置,例如,以读取图片文件为例:
1、html读取图片文件和html文件 ,在同一个文件夹,如下图
2、html的代码写的时候,同一个文件夹下 那么就直接写图片的名称
另一种情况、如果图片文件存放在img文件夹下,img文件夹和html文件处于同一个文件夹下
1)存放如下,
2)代码如下:那么就先写图片的文件夹,在写/,在写图片胡全称