Javascript konvertiert HTML-Datei in Excel

Mit der kontinuierlichen Weiterentwicklung der Internet-Technologie erfordern immer mehr Anwendungen die Möglichkeit, Daten in Form von Excel-Tabellen anzuzeigen. In der Webentwicklung ist JavaScript zu einer Mainstream-Technologie geworden. Es ist weit verbreitet und flexibel und kann problemlos in Webseiten eingebettet werden. Daher kann uns JavaScript auch eine große Hilfe dabei sein, die Notwendigkeit zu erkennen, HTML-Dateien in Excel-Tabellen zu konvertieren.

Zunächst müssen wir den Unterschied zwischen HTML- und Excel-Tabellen kennen. HTML speichert Informationen in Form von Tags, während Excel-Tabellen Informationen in Form von Zellen anzeigen. Wir müssen also die Tags in HTML in Tabellenzellen umwandeln und die Tabellendaten in die Excel-Datei importieren.

Es gibt viele Möglichkeiten, dieses Ziel zu erreichen. In diesem Artikel wird hauptsächlich die Verwendung der JavaScript-Bibliothek js-xlsx zum Konvertieren von HTML-Dateien in Excel-Dateien vorgestellt.

Js-xlsx ist eine JavaScript-Bibliothek zum Lesen und Schreiben von Excel-Dateien. Sie bietet eine Vielzahl von APIs zum Lesen und Schreiben von Excel-Dateien. Mit seiner Hilfe können wir HTML-Dateien schnell und präzise in Excel-Dateien konvertieren.

Im Folgenden stellen wir Ihnen Schritt für Schritt vor, wie Sie mit Js-xlsx HTML-Dateien in Excel-Dateien konvertieren.

1. Einführen der js-xlsx-Bibliothek

Zuerst müssen wir die js-xlsx-Bibliothek in das HTML-Dokument einführen. Fügen Sie den folgenden Code am Kopf des HTML-Dokuments hinzu:

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.2/xlsx.full.min.js"></script>

2. Get the table data in the HTML file

We need to get the Tabellendaten aus der HTML-Datei über JavaScript-Code Tabellendaten abrufen. Angenommen, wir möchten eine Tabelle in einer HTML-Datei in eine Excel-Datei konvertieren. Wir können die Tabellendaten über den folgenden Code abrufen: 🎜#Als nächstes müssen wir ein Excel-Objekt erstellen. Wir können die Funktion

var table = document.getElementById("tableId"); // 获取表格元素
var data = []; // 储存表格数据
for (var i = 0; i < table.rows.length; i++) {
  var rowData = []; // 储存一行数据
  for (var j = 0; j < table.rows[i].cells.length; j++) {
    rowData.push(table.rows[i].cells[j].innerText); // 获取单元格文本内容
  }
  data.push(rowData); // 将一行数据加入数组
}

Nach dem Login kopieren
Excel-Datei exportieren

utils.book_new() 函数创建一个新的Excel对象。然后，我们需要使用 utils.json_to_sheet()Nachdem wir die Tabellendaten in eine Excel-Tabelle konvertiert und zum Excel-Objekt hinzugefügt haben, müssen wir die exportieren Excel-Datei. Mit dem folgenden Code können Sie ein Excel-Objekt in eine Datei schreiben und speichern.

var wb = XLSX.utils.book_new(); // 创建新的Excel对象
var ws = XLSX.utils.json_to_sheet(data); // 将表格数据转换成Excel表格
XLSX.utils.book_append_sheet(wb, ws, "Worksheet1"); // 将Excel表格添加到Excel对象中

Bisher haben wir die Tabellendaten in der HTML-Datei erfolgreich in eine Excel-Tabelle konvertiert und in einer lokalen Datei gespeichert.
4. Zusammenfassung

In der Webentwicklung ist die Konvertierung von HTML-Dateien in Excel-Tabellen eine häufige Anforderung, mit der Daten einfach angezeigt und Berichte erstellt werden können. In diesem Artikel stellen wir die Methode zur Verwendung von Js-xlsx zum Konvertieren von HTML-Dateien in Excel-Dateien vor. Diese Methode ermöglicht eine schnelle und genaue Datenkonvertierung und einen Datenexport. Es ist jedoch zu beachten, dass die Konvertierung von HTML-Dateien in Excel-Tabellen manchmal Probleme wie den Stil mit sich bringt, die ebenfalls besondere Aufmerksamkeit während des Implementierungsprozesses erfordern.

Das obige ist der detaillierte Inhalt vonJavascript konvertiert HTML-Datei in Excel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!