通過復(fù)制Table生成word和excel的javascript代碼
更新時間：2014年01月20日 16:41:37 作者：
通過復(fù)制Table生成word和excel，個人感覺這個功能還是比較實(shí)用的，下面有個不錯的示例，希望對大家有所幫助
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標(biāo)題文檔</title>
<script language="javascript">
function AutomateWordAutoPaging(prefixion,Count)
{
var oWD = new ActiveXObject("Word.Application");
var oDC = oWD.Documents.Add();
oDC.ShowGrammaticalErrors = false; //屏蔽語法檢查
oDC.ShowSpellingErrors = false; //屏蔽拼寫檢查
var oRange =oDC.Range(0,1);
for (i=0;i<Count;i++)
{
var sel = document.body.createTextRange();
var TableName = prefixion+i;
var Table = document.getElementById(TableName)
sel.moveToElementText(Table);
sel.select();
sel.execCommand("Copy");
oWD.Selection.Paste();
oWD.Selection.InsertBreak(); //插入分頁符
}
//oWD.ActiveDocument.ActiveWindow.View.Type=3 //設(shè)置瀏覽模式
oWD.Visible = true;
};
function AutomateExcel(prefixion)
{
var elTable = document.getElementById("AutomateExcel");
var oRangeRef = document.body.createTextRange();
oRangeRef.moveToElementText(elTable);
oRangeRef.execCommand("Copy");
try{
var appExcel = new ActiveXObject( "Excel.Application" );
}catch(e)
{
alert("無法調(diào)用Office對象，請確保您的機(jī)器已安裝了Office并已將本系統(tǒng)的站點(diǎn)名加入到IE的信任站點(diǎn)列表中！");
return;
}
appExcel.Visible = true;
appExcel.Workbooks.Add().Worksheets.Item(1).Paste();
appExcel.Workbooks(1).Worksheets.Item(1).Columns("A:A").ColumnWidth = 100;
//appExcel.Workbooks(1).Worksheets.Item(1).Columns("B:B").ColumnWidth = 21;
appExcel = null
};
</script>
</head>
<body>
<input type="button" value="導(dǎo)出到Word自動分頁" onclick="AutomateWordAutoPaging('Table',5)" />
<input type="button" value="導(dǎo)出到Excel控制列寬" onclick="AutomateExcel('Table')"/>
<div id="AutomateExcel">
<TABLE class=tabp id="Table0" cellSpacing=0 cellPadding=2 width="100%" align=center border=1>
<TR>
<TD width="100%" align="center">標(biāo)題0</TD>
</TR>
<TR>
<TD align="center">內(nèi)容0</TD>
</TR>
</TABLE>
<BR>
<TABLE class=tabp id="Table1" cellSpacing=0 cellPadding=2 width="100%" align=center border=1>
<TR>
<TD width="100%" align="center">標(biāo)題1</TD>
</TR>
<TR>
<TD align="center">內(nèi)容1</TD>
</TR>
</TABLE>
<BR/>
<TABLE class=tabp id="Table2" cellSpacing=0 cellPadding=2 width="100%" align=center border=1>
<TR>
<TD width="100%" align="center">標(biāo)題2</TD>
</TR>
<TR>
<TD align="center">內(nèi)容2</TD>
</TR>
</TABLE>
<BR/>
<TABLE class=tabp id="Table3" cellSpacing=0 cellPadding=2 width="100%" align=center border=1>
<TR>
<TD width="100%" align="center">標(biāo)題3</TD>
</TR>
<TR>
<TD align="center">內(nèi)容3</TD>
</TR>
</TABLE>
<BR/>
<TABLE class=tabp id="Table4" cellSpacing=0 cellPadding=2 width="100%" align=center border=1>
<TR>
<TD width="100%" align="center">標(biāo)題4</TD>
</TR>
<TR>
<TD align="center">內(nèi)容4</TD>
</TR>
</TABLE>
<BR/>
</div>
</body>
</html>
您可能感興趣的文章:
相關(guān)文章
談?wù)勎覍avaScript原型和閉包系列理解(隨手筆記6)
這篇文章主要介紹我對JavaScript原型和閉包系列理解(隨手筆記6)的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了ES6中Symbol類型用法,結(jié)合實(shí)例形式分析了Symbol類型的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-04-04
這篇文章主要介紹了js圖片模糊切換顯示特效的方法,涉及js操作圖片特效的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)時間進(jìn)度條功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
JAVASCRIPT實(shí)現(xiàn)的WEB頁面跳轉(zhuǎn)以及頁面間傳值方法
在WEB頁面中，我們實(shí)現(xiàn)頁面跳轉(zhuǎn)的方法通常是用LINK,BUTTON LINK ,IMG LINK等等，由用戶點(diǎn)擊某處，然后直接由瀏覽器幫我們跳轉(zhuǎn)。2010-05-05
使用javascript做時間倒數(shù)讀秒功能的實(shí)例
今天小編就為大家分享一篇關(guān)于使用javascript做時間倒數(shù)讀秒功能的實(shí)例，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
JS格式化數(shù)字金額用逗號隔開保留兩位小數(shù)
JS格式化數(shù)字金額只留兩位小數(shù)。寫了個格式化函數(shù)?？梢钥刂菩?shù)位數(shù)，自動四舍五入，感興趣的朋友可以了解下2013-10-10
這篇文章主要介紹了js判斷一個對象是否在一個對象數(shù)組中，本文通過場景分析給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2022-08-08
深入淺析JavaScript的API設(shè)計(jì)原則
這篇文章主要介紹了JavaScript的API設(shè)計(jì)原則，包括接口的流暢性，一致性，參數(shù)的處理，可擴(kuò)展性，對錯誤的處理，可預(yù)見性，注釋和文檔的可讀性，本文介紹的非常詳細(xì)，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
Bootstrap modal是給外層添加固定fixed，然后內(nèi)容使用自適應(yīng)靠上居中方式。今天分享的這篇文章正是這種方式，感興趣的朋友一起看看吧2016-11-11