构建Javascript函数会导致页面加载时出现错误

Z时代
2024-01-10
分类：问答

最近，我一直在尝试在html中包含某个文件夹中的所有文件。我决定创建一个批处理文件来创建一个包含所有文件列表的文本文件，然后在javascript函数中使用生成的文本文件来填充表格。构建Javascript函数会导致页面加载时出现错误

功能showDownloads被称为在页面加载，并引发以下错误：

Uncaught TypeError: Cannot read property 'length' of undefined 
    at showDownloads (script.js:8) 
    at onload ((index):9)

但是，如果我从控制台运行showDownloads()，它正确生成表没有抛出任何错误。

var downloadPath = "../builds/dev-versions/"; 
var downloads; 
function showDownloads() { 
    getData(); 
    var table = document.getElementById('downloadTable'); 
    for (var i = 0; i < downloads.length; i++) { //Error happens here 
    var row = document.createElement('tr'); 
    for (var j = 0; j < downloads[i].length; j++) { 
     var cell = document.createElement('td'); 
     var file = document.createElement('a'); 
     file.setAttribute('href', downloadPath + downloads[i][j]); 
     file.setAttribute('download', downloads[i][j]); 
     file.innerHTML = downloads[i][j]; 
     cell.appendChild(file); 
     row.appendChild(cell); 
    } 
    table.appendChild(row); 
    } 
} 
function getData() { 
     var xmlhttp; 
     if (window.XMLHttpRequest) { 
      xmlhttp = new XMLHttpRequest(); 
     } 
     else { 
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
     xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4) { 
      var lines = xmlhttp.responseText; 
      intoArray(lines); 
      } 
     } 
     xmlhttp.open("GET", "devFiles.txt", true); 
     xmlhttp.send(); 
} 
function intoArray (lines) { 
    var lineArr = lines.split('\n'); 
    lineArr.pop(); 
    downloads = new Array(lineArr.length/2); 
    var j = 0; 
    for (var i = 0; i < lineArr.length; i += 2) { 
    downloads[j] = [lineArr[i], lineArr[i + 1]]; 
    j++; 
    }; 
}