有没有类似于<img/>的方式来显示.txt文件的内容

时间:2010-11-09 00:48:47

标签: javascript html image text-files

我有一些HTML和JavaScript代码,可以为一组图像实现幻灯片放映。现在我想要包含.txt文件。

我可以使用HTML或JavaScript中的任何内容来实现相同的内容吗?我不想使用HTML和JavaScript以外的任何东西。

4 个答案:

答案 0 :(得分:10)

这可以胜任

<iframe src="yourtext.txt"></iframe>

答案 1 :(得分:4)

使用XMLHttpRequest下拉文本文件,并将其插入div等。虽然你可以使用iframe,但你几乎无法控制外观....例如,大多数浏览器甚至不会包裹行。 xmlhttprequest的缺点是它必须来自与html文件相同的服务器。

这是一个简单的功能,使XHR更容易使用:

function getFile (url) {
  var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");
  request.open("GET", url, true);
  request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  request.onreadystatechange = function() {
    if (request.readyState == 4) {
        if (request.status == 200) {
          if (request.responseText) {

            // do stuff here


            }
        }
      else {
        // handle error
      }
    };
  request.send(null);
}

答案 2 :(得分:3)

您可以尝试iframe

答案 3 :(得分:3)

您可以将文本文件加载到IFRAME元素中......

<iframe src="foo.txt"></iframe>