Hướng dẫn export html to excel - xuất html sang excel
|
Nếu bạn có một số bảng xuất sắc trên máy tính của mình nhưng không ở định dạng Excel, bạn có thể nhập dữ liệu từ chúng để vượt trội không? Trong một trong những bài viết trước của tôi, tôi đã giới thiệu cách chuyển đổi TXT thành Excel. Ở đây tôi muốn chia sẻ mẹo nhập dữ liệu từ HTML sang Excel.importing the data from HTML to Excel as well.importing the data from HTML to Excel as well. Nội dung chính ShowShow 1. Mở tệp Excel. Chuyển sang tab dữ liệu và nhấp vào các kết nối hiện có trong phần dữ liệu bên ngoài.Data tab and click Existing Connections in Get External Data section.Data tab and click Existing Connections in Get External Data section.  2. Nhấp vào Duyệt để biết thêm ở góc dưới bên trái của cửa sổ bật ra.Browse for More… in the lower-left corner of the popping out window.Browse for More… in the lower-left corner of the popping out window. 3. Tìm tệp HTML bạn muốn nhập trong thư mục, sau đó bấm đúp vào nó hoặc nhấn mở.Open.Open. 4. Theo đề xuất của mẹo, nhấp vào biểu tượng mũi tên để chọn khu vực dữ liệu sau đó nhấn nhập vào góc dưới bên phải của cửa sổ.Import in the lower-right corner of the window.Import in the lower-right corner of the window. 5. Bạn có thể xác định vị trí bảng mới tại bảng tính hiện có hoặc bảng tính mới. Chọn vị trí để đặt dữ liệu, sau đó bấm OK. OK. OK. 6. Bảng trong tệp HTML đã được nhập vào bảng Excel. Bạn có thể điều chỉnh nó một cách tự do ngay bây giờ. Tuyên bố bản quyền: Liên quan đến tất cả các bài đăng của trang web này, bất kỳ bản sao hoặc sử dụng nào cũng sẽ nhận được sự cho phép hoặc ủy quyền bằng văn bản từ Myofficetricks. Làm thế nào để chuyển đổi bảng HTML thành Excel trực tuyến? 1. Tải lên hoặc dán bảng HTML của bạn Chỉ cần dán (sao chép mã nguồn HTML từ trình duyệt) hoặc kéo và thả tệp HTML của bạn vào TextArea của nguồn dữ liệu và nó sẽ ngay lập tức thực hiện phép thuật của chuyển đổi. Bộ chuyển đổi bảng HTML sẽ tự động tìm kiếm các bảng từ mã nguồn HTML bạn cung cấp. 2. Chỉnh sửa bảng HTML của bạn trực tuyến, nếu cần Bạn có thể chỉnh sửa dữ liệu của mình trực tuyến như Excel thông qua Trình chỉnh sửa bảng và các thay đổi sẽ được chuyển đổi thành Excel trong thời gian thực. 3. Sao chép Excel đã chuyển đổi Excel được tạo được phân tách bằng các tab, ở đây: Trình tạo bảng. Bạn có thể sao chép và dán vào Microsoft Excel, Google Sheets hoặc số hoặc tải xuống dưới dạng tệp Lưu ý: Dữ liệu của bạn được bảo mật, các cải đạo được thực hiện hoàn toàn trong trình duyệt web của bạn và chúng tôi sẽ không lưu trữ bất kỳ dữ liệu nào của bạn. HTML là viết tắt của ngôn ngữ đánh dấu siêu văn bản. HTML là mã được sử dụng để cấu trúc trang web và nội dung, đoạn văn, danh sách, hình ảnh và bảng, v.v. Microsoft Excel là một ứng dụng bảng tính điện tử cho phép người dùng lưu trữ, sắp xếp, tính toán và thao tác dữ liệu bằng các công thức bằng hệ thống bảng tính bị chia tay bởi các hàng và cột. Nội dung
HTML cung cấp thẻ để hiển thị dữ liệu ở định dạng hàng và cột. Chúng tôi có thể đã thấy những bảng đó trong một số trang web. Ví dụ: Bảng giá cổ phiếu, Báo cáo lương nhân viên, Báo cáo đánh dấu sinh viên, v.v. Hình ảnh dưới đây đang hiển thị báo cáo các trường hợp Corona ở định dạng bảng HTML. tag to show the data in row and column format. We might have seen those tables in several web pages. Example: Stock Price list,Employee salary reports, Student marks report and so on. The below image is showing the corona cases report in HTML table format. tag to show the data in row and column format. We might have seen those tables in several web pages. Example: Stock Price list,Employee salary reports, Student marks report and so on. The below image is showing the corona cases report in HTML table format. Báo cáo trường hợp corona trong bảng HTMLNếu chúng tôi có tùy chọn tải xuống các bảng đó trong Excel, sẽ rất hữu ích khi phân tích dữ liệu. Cho phép tạo bảng mẫu bằng HTML và bật tùy chọn Tải xuống bằng JavaScript. Mảng JavaScriptMảng JavaScript được sử dụng để lưu trữ bộ sưu tập các giá trị trong một biến duy nhất. Như chúng ta đã biết, bảng HTML có một bộ sưu tập các hàng và cột. Chúng ta có thể thêm các giá trị đó vào mảng. Sau đó, các dấu phân cách sẽ được thêm vào cho mỗi giá trị hàng và cột để tạo bản ghi Excel. var result = [‘công ty, nhóm nhóm, nhóm, giá trị trước đây
Ví dụ: Tải xuống bảng HTML ở định dạng Excel (.csv)Trong ví dụ này, chúng tôi sẽ tạo bảng bảng giá cổ phiếu bằng nút tải xuống - để xuất bảng trong tệp CSV. Bước 1: Tạo bảng HTMLMã HTML dưới đây tạo ra bảng bảng giá cổ phiếu.
Ví dụ bảng HTML/html>Bước 2: Thêm thuộc tính CSS để tạo kiểu bảngtblStocks) is defined for the Trong mã HTML, ID (tblstocks) được xác định cho thẻ. Đối với ID đó, chúng ta có thể thêm các thuộc tính CSS (lề, màu, kiểu phông chữ) sẽ thay đổi kiểu bảng.
Bootstrap cung cấp các biểu tượng đồ họa từ bộ nửa glyphicon. Cho phép tạo nút với biểu tượng tải xuống bằng glypicons.& nbsp; & nbsp;
Nhận bảng HTML vào biến JavaScript bằng ID TBLSTOCKS, được gán cho thẻ.
Bước 5: Gọi chức năng JavaScript bằng sự kiện OnclickỞ đây, chúng tôi đã tạo chức năng JavaScript trong các tệp khác nhau có tên là Tải xuống DownloadFile.js. Bao gồm tệp đó trong HTML bằng cách sử dụng TAG. Thẻ tập lệnh này nên được đặt bên trong thẻ. Cuối cùng, hãy tạo sự kiện Onclick cho nút Danh sách tải xuống để gọi hàm JavaScript ExportData ().onclick event for the Download List button to call the javascript function exportData(). onclick event for the Download List button to call the javascript function exportData(). Cuối cùng, hãy tạo sự kiện Onclick cho nút Danh sách tải xuống để gọi hàm JavaScript ExportData ().Download list button Download list button Như bạn có thể thấy bên dưới, bảng HTML được tải xuống trong tệp CSV (stock_price_report.csv) khi người dùng nhấp vào nút Danh sách tải xuống 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 functionexportData(){exportData(){exportData(){ & nbsp; & nbsp; & nbsp; & nbsp;/ * NHận dữ liệu html bằng ph/* Get the HTML data using Element by Id */ vartable=document.getElementById("tblStocks");vartable=document.getElementById("tblStocks");vartable=document.getElementById("tblStocks"); & nbsp; & nbsp; & nbsp; & nbsp;/ * Khai báio biến mảng * /// * khai báo biến mảng *//* Declaring array variable */ varrows=[];varrows=[];varrows=[]; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // lặp qua các hàng của bảng // lặp qua các hàng của bàn//iterate through rows of table for(vari=0,row;row=table.rows[i];i++){for(vari=0,row;row=table.rows[i];i++){for(vari=0,row; row=table.rows[i];i++){ & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // hàng // hàng sẽ được truy cập bằng biến "hàng" được gán trong vòng lặp for//rows would be accessed using the "row" variable assigned in the for loop & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // Nhận từng giá trị/cột ô từ hàng//Get each cell value/column from the row column1=row.cells[0].innerText;column1=row.cells[0].innerText;column1=row.cells[0].innerText; column2=row.cells[1].innerText;column2=row.cells[1].innerText;column2= row.cells[1].innerText; column3=row.cells[2].innerText;column3=row.cells[2].innerText;column3=row.cells[2].innerText; column4=row.cells[3].innerText;column4=row.cells[3].innerText;column4 =row.cells[3].innerText; column5=row.cells[4].innerText;column5=row.cells[4].innerText;column5=row.cells[4].innerText; & nbsp; & nbsp; & nbsp; & nbsp;/* add a new records in the array */ rows.push(rows.push(rows.push( [[[ column1,column1,column1, column2,column2,column2, column3,column3,column3, column4,column4,column4, column5column5column5 ]]] ););); }}} csvContent="data:text/csv;charset=utf-8,";csvContent="data:text/csv;charset=utf-8,";csvContent="data:text/csv;charset=utf-8,"; & nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;ký tự dòng (\ n) *//* add the column delimiter as comma(,) and each row splitted by new line character (\n) */ rows.forEach(function(rowArray){rows.forEach(function(rowArray){rows.forEach(function(rowArray){ row=rowArray.join(",");row=rowArray.join(",");row=rowArray.join(","); & nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp; csvcontent+= row+"\ r \ n";csvContent+=row+"\r\n"; });});}); & nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;/ */ *tạo nút dom ẩn và đặt thuộc tính tải xuống của nó *///* create a hidden DOM node and set its download attribute */ varencodedUri=encodeURI(csvContent);varencodedUri=encodeURI(csvContent);varencodedUri=encodeURI(csvContent); varlink=document.createElement("a");varlink=document.createElement("a");varlink=document.createElement("a"); link.setAttribute("href",encodedUri);link.setAttribute("href",encodedUri);link.setAttribute("href",encodedUri); link.setAttribute("download","Stock_Price_Report.csv");link.setAttribute("download","Stock_Price_Report.csv");link.setAttribute("download","Stock_Price_Report.csv"); document.body.appendChild(link);document.body.appendChild(link);document.body.appendChild(link); & nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;& nbsp;/ * tải xuống tệp dữ liệu đó/* download the data file named "Stock_Price_Report.csv" */ link.click();link.click();link.click(); } |
