Für die Übertragung von HTML nach Excel sind bestimmte Codebeispiele erforderlich.
Einführung:
Bei der tatsächlichen Arbeit müssen wir manchmal Daten auf Webseiten in das Excel-Format exportieren. HTML ist eine gängige Web-Markup-Sprache, während Excel eine häufig verwendete Tabellenkalkulationssoftware ist. Die Formate der beiden sind unterschiedlich, daher ist eine Konvertierung erforderlich. In diesem Artikel wird erläutert, wie Sie mithilfe von JavaScript und Bibliotheken von Drittanbietern die Funktion zum Übertragen von HTML in Excel-Dateien realisieren und spezifische Codebeispiele angeben.
1. Verwenden Sie JavaScript, um HTML nach Excel zu übertragen.
姓名 | 年龄 | 性别 |
---|---|---|
张三 | 25 | 男 |
李四 | 30 | 女 |
Als nächstes müssen wir einen Ereignis-Listener für die Schaltfläche hinzufügen, um die Exportfunktion auszulösen. Verwenden Sie JavaScript, um den folgenden Code zu schreiben:
function exportToExcel() { // 导出表格逻辑 }
(1) Erstellen Sie eine neue Excel-Arbeitsmappe:
var wb = new ExcelJS.Workbook(); var ws = wb.addWorksheet('Sheet 1');
(2) Durchlaufen Sie alle Zeilen und Spalten in der HTML-Tabelle und füllen Sie die Daten in das Excel-Arbeitsblatt Medium ein :
var rows = document.getElementById("myTable").rows; for (var i = 0; i < rows.length; i++) { var cells = rows[i].cells; for (var j = 0; j < cells.length; j++) { ws.getCell(i + 1, j + 1).value = cells[j].innerText; // 根据需要设置单元格样式 ws.getCell(i + 1, j + 1).alignment = { horizontal: 'left' }; } }
(3) Speichern Sie die Excel-Datei:
wb.xlsx.writeBuffer().then(function(buffer) { saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'data.xlsx'); });
Fügen Sie diese Codes zur Funktion „exportToExcel“ hinzu. Der vollständige Code lautet wie folgt:
function exportToExcel() { var wb = new ExcelJS.Workbook(); var ws = wb.addWorksheet('Sheet 1'); var rows = document.getElementById("myTable").rows; for (var i = 0; i < rows.length; i++) { var cells = rows[i].cells; for (var j = 0; j < cells.length; j++) { ws.getCell(i + 1, j + 1).value = cells[j].innerText; ws.getCell(i + 1, j + 1).alignment = { horizontal: 'left' }; } } wb.xlsx.writeBuffer().then(function(buffer) { saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'data.xlsx'); }); }
2. Verwenden Sie eine Bibliothek eines Drittanbieters, um HTML nach Excel zu übertragen
In Zusätzlich zum nativen JavaScript können wir neben der Bedienung auch Bibliotheken von Drittanbietern verwenden, um die Funktion der Übertragung von HTML nach Excel zu realisieren, beispielsweise die Bibliothek „AlaSQL“. Das Folgende ist der spezifische Code für die Verwendung der AlaSQL-Bibliothek:
function exportToExcel() { var tableData = []; var rows = document.getElementById("myTable").rows; for (var i = 0; i < rows.length; i++) { var rowData = []; var cells = rows[i].cells; for (var j = 0; j < cells.length; j++) { rowData.push(cells[j].innerText); } tableData.push(rowData); } var opts = { sheetid: 'Sheet 1', headers: true, skipHeader: true }; var res = alasql('SELECT * INTO XLSX("data.xlsx",?) FROM ?', [opts, [tableData]]); }
Der vollständige Beispielcode für die HTML-Datei lautet wie folgt:
Zusammenfassung :
Dieser Artikel stellt die Verwendung von JavaScript und Bibliotheken von Drittanbietern zum Übertragen von HTML in Excel-Dateien vor und enthält spezifische Codebeispiele. Mithilfe dieser Codes können wir die Daten auf der Webseite problemlos in das Excel-Format übertragen, um den Exportanforderungen in der tatsächlichen Arbeit gerecht zu werden. Ich hoffe, dieser Artikel ist für alle hilfreich.
Das obige ist der detaillierte Inhalt vonSo übertragen Sie HTML nach Excel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!