请大侠帮忙,有一个txt文件,需要在html中读取这个txt,并且将txt文件中的内容显示在页面中

html-css010

请大侠帮忙,有一个txt文件,需要在html中读取这个txt,并且将txt文件中的内容显示在页面中,第1张

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)代码如下:那么就先写图片的文件夹,在写/,在写图片胡全称