在div标签中显示文本文件中的特定行

Question

我的网站上有一个txt文件“句子”。 我想在文本文件中显示一个特定的行，比如说第5行 页面上的标记。

Answer 1

首先，您需要一个函数来请求文本文件（来自here的代码）。

function load(url, callback) {
    var xhr;

    if(typeof XMLHttpRequest !== 'undefined') xhr = new XMLHttpRequest();
    else {
        var versions = ["MSXML2.XmlHttp.5.0", 
                        "MSXML2.XmlHttp.4.0",
                        "MSXML2.XmlHttp.3.0", 
                        "MSXML2.XmlHttp.2.0",
                        "Microsoft.XmlHttp"]

         for(var i = 0, len = versions.length; i < len; i++) {
            try {
                xhr = new ActiveXObject(versions[i]);
                break;
            }
            catch(e){}
         } // end for
    }

    xhr.onreadystatechange = ensureReadiness;

    function ensureReadiness() {
        if(xhr.readyState < 4) {
            return;
        }

        if(xhr.status !== 200) {
            return;
        }

        // all is well  
        if(xhr.readyState === 4) {
            callback(xhr);
        }           
    }

    xhr.open('GET', url, true);
    xhr.send('');
}

然后，请求文件

load("somefile.txt", function(res){
    //do something here
});

最后，将<div>设置为第五行。

load("somefile.txt", function(res){
    document.getElementById("some_id").innerHTML = res.responseText.split("\n")[4];
});