<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<style>
/* 此樣式僅用于瀏覽器頁面效果勤庐，Excel不會(huì)分離表格邊框，不需要此樣式 */
table {
border-collapse: collapse;
}
</style>
</head>
<body>
<!-- 設(shè)置border="1"以顯示表格框線 -->
<table border="1">
<!-- caption元素可以生成表標(biāo)題，其單元格列跨度為表格的列數(shù) -->
<caption>學(xué)生成績表</caption>
<tr>
<!-- 可以使用rowspan和colspan來合并單元格 -->
<th rowspan="2">編號(hào)</th>
<th rowspan="2">學(xué)號(hào)</th>
<th rowspan="2">姓名</th>
<th rowspan="2">性別</th>
<th rowspan="2">年齡</th>
<th colspan="3">成績</th>
</tr>
<tr>
<th>語文</th>
<th>數(shù)學(xué)</th>
<th>英語</th>
</tr>
<tr>
<td>1</td>
<td>2016001</td>
<td>張三</td>
<td>男</td>
<td>13</td>
<td>85</td>
<td>94</td>
<td>77</td>
</tr>
<tr>
<td>2</td>
<td>2016002</td>
<td>李四</td>
<td>女</td>
<td>12</td>
<td>96</td>
<td>84</td>
<td>89</td>
</tr>
</table>
<a>導(dǎo)出表格</a>
<script>
// 使用outerHTML屬性獲取整個(gè)table元素的HTML代碼（包括<table>標(biāo)簽），然后包裝成一個(gè)完整的HTML文檔，設(shè)置charset為urf-8以防止中文亂碼
var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementsByTagName("table")[0].outerHTML + "</body></html>";
// 實(shí)例化一個(gè)Blob對(duì)象，其構(gòu)造函數(shù)的第一個(gè)參數(shù)是包含文件內(nèi)容的數(shù)組，第二個(gè)參數(shù)是包含文件類型屬性的對(duì)象
var blob = new Blob([html], { type: "application/vnd.ms-excel" });
var a = document.getElementsByTagName("a")[0];
// 利用URL.createObjectURL()方法為a元素生成blob URL
a.href = URL.createObjectURL(blob);
// 設(shè)置文件名层皱，目前只有Chrome和FireFox支持此屬性
a.download = "學(xué)生成績表.xls";
</script>
</body>
</html>
js點(diǎn)擊保存為.xlsw文件
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門蹄殃，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人你踩，你說我怎么就攤上這事诅岩。” “怎么了带膜？”我有些...
- 文/不壞的土叔 我叫張陵吩谦，是天一觀的道長。 經(jīng)常有香客問我膝藕，道長式廷，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任芭挽，我火速辦了婚禮滑废，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘袜爪。我一直安慰自己蠕趁，他們只是感情好，可當(dāng)我...
- 文/花漫 我一把揭開白布辛馆。 她就那樣靜靜地躺著俺陋，像睡著了一般。 火紅的嫁衣襯著肌膚如雪怀各。 梳的紋絲不亂的頭發(fā)上倔韭，一...
- 文/蒼蘭香墨 我猛地睜開眼法焰，長吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來了倔毙？” 一聲冷哼從身側(cè)響起埃仪，我...
- 序言：老撾萬榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎陕赃，沒想到半個(gè)月后卵蛉，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體颁股，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年傻丝，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了甘有。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
- 正文 年R本政府宣布，位于F島的核電站怜校，受9級(jí)特大地震影響该互，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜韭畸，卻給世界環(huán)境...
- 文/蒙蒙 一宇智、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧胰丁，春花似錦随橘、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至甘萧，卻和暖如春萝嘁，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背扬卷。 一陣腳步聲響...
- 正文 我出身青樓咱枉，卻偏偏與公主長得像，于是被迫代替她去往敵國和親徒恋。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蚕断，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- numpy h5py scipy 讀取mat文件并存為npy格式文件 具體見代碼，注意h5py的轉(zhuǎn)置問題 npy文...
- ls /etc/*.conf | cut -d / -f3 | tr ‘a(chǎn)-z' 'A-Z' > /tmp/etc...
- 本來需求是直接通過獲取富文本編輯器里的內(nèi)容葛假，保存為圖片的障陶，但是因?yàn)樽约杭夹g(shù)水的問題吧，只能折中桐款，將富文本編輯器里的...
- 這個(gè)其實(shí)是在做上一篇需求的時(shí)候先做出來的咸这，但是由于某些原因不符合需求，所以這個(gè)就當(dāng)做練習(xí)弄出來了魔眨。 demo效果圖...
- 具體可看這篇文章：善用chrome中的workspace提高前端開發(fā)效率 下面兩篇文章作為補(bǔ)充：1遏暴、 通過 Chr...
