欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html導出表格的代碼

劉柏宏2年前8瀏覽0評論

HTML導出表格是一個非常實用的工具,它可以將表格數據以HTML格式導出,方便用戶進行數據展示或存檔。下面給大家介紹一下如何使用HTML代碼進行導出表格。

<html>
<head>
<title>導出表格</title>
</head>
<body>
<table>
	<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
	</tr>
	<tr>
<td>張三</td>
<td>25</td>
<td>男</td>
	</tr>
	<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
	</tr>
</table>
<button onclick="exportToHTML()">導出表格</button>
<script>
function exportToHTML() {
	var html = "<html><head><title>表格導出</title></head><body>";
	html += document.getElementsByTagName("table")[0].outerHTML;
	html += "</body></html>";
var a = document.createElement("a");
	a.href = "data:text/html," + encodeURIComponent(html);
	a.download = "table.html";
	a.click();
}
</script>
</body>
</html>

上面的代碼中,定義了一個表格,并添加了一個按鈕,按鈕的點擊事件調用了exportToHTML()函數,該函數實現了將table標簽以html格式導出的功能。

exportToHTML()函數中,首先獲取table標簽的outerHTML,并將其存儲在一個html變量中。然后,創建一個a標簽,指定其href屬性為data:text/html,再將表格數據以encodeURIComponent編碼的形式放在鏈接后面,最后設置下載屬性,點擊該a標簽即可實現表格的導出。

以上就是html導出表格代碼的介紹,相信大家通過學習后可以快速掌握該知識點,希望對大家有所幫助。

上一篇vue goto
下一篇vue h 函數