javascript - 读取excel文件并更新网页信息？[HTML]

Question

我对如何实现这一点有疑问，我使用的语言是 HTML 和一些 javascript，但我想要的是读取 Excel 文件，在这种情况下，语言，并根据选择的内容更新网页(英语、西类牙语等)。

例如:

我想要的是在选择西类牙语、英语或任何其他语言时更新网站:

横幅:

现在它发生了变化，但它是用 javascript 完成的

Answer 1

如果您有权访问 Excel 文件，并且 Excel 文件中没有 super 精美的格式，则可以将文件另存为 CSV(逗号分隔值)并使用 JS 解析它。 CSV 很容易解析，但是有诸如 PapaParse 之类的库您可以利用。

通常，CSV 文件使用返回字符 \n (有时 \r\n, RFC 4180 )来分隔行和逗号 , 对于列。

以下是您在不使用库的情况下尝试实现的目标的粗略草图:

// Whichever way you end up with getting the CSV as a string
let csvFile = fetch("lang.csv").then(x => x.text()); 

    csvFile = csvFile.split("\r\n").map( x => x.split(",") );

// Assuming your field name is the element ID you want to replace the text with.
function selectLanguage(lang) {
    if (lang == "") return;

    let langRowNum = csvFile.some( (row, index) => {
        langRowNum = index;
        return row[0] == lang; // see if the first cell of the row is matching
    })? langRowNum : 1; // default to Espanol

    // assuming first row is the ID of the elements
    for (let i = 1; i < csvFile[0].length; ++i)
        document.getElementById(csvFile[0][i]).textContent = csvFile[langRowNum][i]
}

selectLanguage("English");

<小时/>

Excel 应允许您将文件另存为 CSV: