A. js如何列印對象
js調試中常遇到的輸出內容的對象，不能列印，只能依靠報警列印出對象的標簽，而不是列印出裡面的內容，這樣很不方便，所以所有的方面如下一個函數，可以是一個數組或對象列印出這種結果，具體代碼如下：
功能writeobj（obj）{
var描述；
（我在為var obj）{
var屬性= obj {我}；
+++；
}
警報（描述）；
}
此外，還需要將對象對象轉換為字元串字元串。
下面的函數很好，可以轉換成字元串類型，然後可以列印出來，具體代碼如下：
功能obj2string（o）{
var = { }；
如果（typeof啊= =字元串）{
返回（+ o.replace / / G（{ }）、 1美元（更換）/（）（替換）（（））；
}
如果（typeof啊= =對象）{
如果（！O.sort）{
對於（var I o）{
R.push（我+：+ obj2string（O {我}））；
}
如果（！document.all！ 功能的toString （） * {本機代碼 } * $ /。試驗（o.tostring））{
R.push（toString方法：+ o.tostring.tostring（））；
}
R ={ + r.join（）+}；
其他{ }
對於（var i = 0；i< o.length；i++）{
R.push（obj2string（O {我}））
}
R ={{+ r.join（）+}；
}
返回R；
}
返回o.tostring（）；
}
以上兩個步驟可以完成js列印對象對象，希望能幫助大家學習。
B. 列印JS怎麼用的
javascript網頁列印大全
普通列印（整頁打） 列印網頁內部分內容（自定義） 列印去掉/添加頁眉頁腳 使用外部控制項/方法實現多功能列印 列印背景
以上為代碼控制
設置「頁面設置」實現列印參數設置（Window系統圖文版）
一、普通列印（整頁打）
這個不用多說，直接用
引用:window.print();
二、列印網頁內部分內容（自定義）
分三種方法實現
1、用css控制
引用:@media print
.a {display:block}
.b {display:hidden}
把你不想列印的部分class設為b
首先在網頁中添加：
引用:<OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
VIEWASTEXT>
</OBJECT>
然後就可以依次加入功能按鈕了：
引用:<input type="button" value="列印"> <input type="button" value="直接列印">
<input type="button" value="頁面設置">
<input type="button" value="列印預覽"> <INPUT type="button" value="關閉窗口" >
將這兩塊東西放到<center class=noprint></center>就不會列印這些按鈕了。當然要定義noprint了：
<style media="print">.Noprint { DISPLAY: none }</style>只要把不想列印的東西的css設置成noprint就可以了。
現在就實現了基本的web列印，需要注意的情況如下：
a. 必須將ie的internet選項的安全設置中對於沒有標記為安全的ActiveX控制項進行...設置成提示或者啟用，否則會報錯，導致不可用。
b. 如果在vs.net編輯環境下編輯該頁面，它經常自動的給object添加多餘的參數，有了這些東西，列印就會出錯，所以要記得最後保存的時候刪除它們。
2、用javascript列印固定標簽內的內容
a、在頁面的代碼頭部處加入JavaScript：
引用:<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>
2、在頁面正文處加上<!--startprint-->與<!--endprint-->標識。
也就是在需要用戶列印保存的正文所對應的html處附加上。同時，如果採用小偷程序獲得遠程數據並需列印，可將此等數據置於該定義標簽之內即可。
3、截取內容部分已完成，現在加個「列印」的鏈接：
XML/HTML代碼
<a href="javascript:;" onClick="doPrint()">列印</a>
引用:
<script language="JavaScript">
var hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"
//設置網頁列印的頁眉頁腳為空
function pagesetup_null(){
try{
var RegWsh = new ActiveXObject("WScript.Shell")
hkey_key="header"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
hkey_key="footer"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
}catch(e){}
}
//設置網頁列印的頁眉頁腳為默認值
function pagesetup_default(){
try{
var RegWsh = new ActiveXObject("WScript.Shell")
hkey_key="header"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b頁碼，&p/&P")hkey_key="footer"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d")
}catch(e){}
}
</script>
<input type="button" value="清空頁碼" onclick=pagesetup_null()>
<input type="button" value="恢復頁碼" onclick=pagesetup_default()>
復制出去，看下效果就可以了
（四）使用外部控制項/方法實現多功能列印
1、IEWebBrowser組件
介紹
http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#top
http://support.microsoft.com/kb/q247671/#appliesto
代碼
引用:<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打開>
<input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=關閉所有>
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存為>
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=列印>
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接列印>
<input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=列印預覽>
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設置>
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=屬性>
<input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全選>
<input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>
<input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=關閉>
2、使用ScriptX.cab控制項
1．下載ScriptX.cab控制項
官網http://www.meadroid.com/scriptx/index.asp
2．使用object元素，修改codebase，classid的值
這里調用控制項ScriptX.cab
代碼
引用:
<OBJECT id="factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>
這段代碼用來載入cab文件，clsid和codebase必須要和你下載的cab中的信息對應，否則組件會載入錯誤，這兩項其實不難找，只要你用winrar打開你下載的cab文件，然後找到擴展名是.inf的文件，然後打開之，就能看到了。
3．調用控制項腳本
Print.js文件
代碼
引用:
function setPrintBase(headerText,footerText,rootUrl) {
// -- advanced features ，未曾使用過，有待確認。
//factory.printing.SetMarginMeasure(2); // measure margins in inches
//factory.SetPageRange(false, 1, 3);// need pages from 1 to 3
//factory.printing.printer = "HP DeskJet 870C";
//factory.printing.copies = 2;
//factory.printing.collate = true;
//factory.printing.paperSize = "A4";
//factory.printing.paperSource = "Manual feed"
var header = (headerText==null||headerText=="")?'默認頁眉':headerText;
var footer = (footerText==null||footerText=="")?'默認頁角':footerText;
factory.printing.header = "&b"+header+"&b" ;
factory.printing.footer = "&b"+footer;
factory.printing.portrait = true;
factory.printing.leftMargin =10.00;
factory.printing.topMargin =10.00;
factory.printing.rightMargin =10.00;
factory.printing.bottomMargin =10.00;
}
例子
引用:
<html>
<head>
<meta http-equiv="imagetoolbar" c>
<script language="javascript" src="print.js"></script>
<style media="print">
.Noprint {DISPLAY: none;}
</style>
<title>列印測試</title>
</head>
<OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>
<script defer>
function window.onload() {
setPrintBase('頁眉','頁腳');
}
</script>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<center class="Noprint">
<input type=button value="列印" >
<input type=button value="頁面設置" >
<input type=button value="列印預覽" >
<input type="button" value="關閉" >
</center>
<center>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center"><b>內容</b></td></tr>
</table>
</center>
</body>
</html>
（五）列印背景
默認情況下，使用IE瀏覽器列印網頁時，不列印網頁背景。如果需要列印網頁背景，可以採用如下的方法設置：
1. 啟動IE瀏覽器。
2. 選擇【工具】菜單中的【Internet選項】菜單項，打開【Internet選項】對話框。
3. 打開【高級】選項卡，在【列印】選區中選擇【列印背景顏色和圖像】復選框。
4. 單擊【確定】按鈕，關閉對話框。
（六）如何用IE列印網頁
Internet Explorer（簡稱IE）5.0以上版本強大的列印及列印預覽功能。本文就向大家介紹如何用IE來列印網頁。（誰？誰？誰在扔西紅柿？下面一片噓聲：這還用得著你講呀？！）咳咳咳，是的是的，在IE中列印網頁實在是太簡單不過了。只需點一下工具欄上「列印」按鈕就可將當前網頁列印出來。如下圖所示：
不過，你這樣打出來的效果怎麼樣呢？我就不敢說了。我今天要和大家講的就是一些列印方面的設置參數。如何大家把這些參數設置好，你就會發現IE的列印功能快追得上word了。今後你列印網頁時就可以想怎麼打就怎麼打了。好，閑話少說，現在就跟我來一起看看怎麼樣設置IE的列印參數。
我們以下圖要列印的學生名單（《學生學籍管理系統MX》查詢結果網頁）為例，講解如何設置這些列印參數：
假如我們直接點工具欄的「列印」按鈕或點「文件」菜單中的「列印」進行列印這個網頁的話，就會列印出很多不必要的信息。所以在列印前我們應先用IE5新增的「列印預覽」功能查看當前網頁的實際列印效果。如下圖所示：
在如下圖所示的「列印預覽」對話框中，我們可以看到，網頁標題、網頁的URL地址及列印日期等我們所不需要的信息也被列印出來了。而頁碼又在右上角，能不能把它移到其他位置（如我們常見的右下角）呢？
能不能按照我們所想要的樣式來列印網頁呢？當然可以。一切就在「頁面設置」中。
彈出如下圖所示的「頁面設置」對話框，所有的秘密都在這里！
原來，IE自動給我們在頁眉和頁腳處加上了這些不必要的列印信息。如果我們不想要任何頁眉和頁腳的話，直接刪除它們就行了。：-）大部分時候我都是這樣做的。但如果你想自定義頁眉和頁腳的時候，該怎麼做呢？上面的那些「&w&b&p」等等究竟表示什麼意思呀？給你個表格就知道了。 含義
&w 網頁標題
&u 網頁地址 (URL)
&d 短日期格式（由「控制面板」中的「區域設置」指定）
&D 長日期格式（由「控制面板」中的「區域設置」指定）
&t 由「控制面板」中的「區域設置」指定的時間格式
&T 24 小時時間格式
&p 當前頁碼
&P 總頁數
&b 文本右對齊（請把要右對齊的文字放在「&b」之後）
&b&b 文字居中（請把要居中的文字放在「&b」和「&b」 之間）
&& 單個 & 號 (&)
註：1、這些符號可以與文字組合使用，如本教程中的「頁碼，&p/&P」。
2、頁眉和頁腳默認是左對齊的，所以IE只提供了右對齊和居中的設置符號。
3、推薦給大家一種設置方法：頁眉為空，頁腳設為「&b第 &p 頁 / 共 &P 頁&b」，列印效果為在頁腳居中顯示「第 1 頁 / 共 4 頁」的效果。
知道了上面的知識，你就可以列印了。但有時你會發現，網頁中的一些圖像在列印時不見了。Why？為什麼會這樣？別著急，IE的默認設置是不列印網頁的背景顏色和圖像的。您只需進入IE的Internet選項將它選中（打上勾）就行了。具體操作方法是：點IE的主菜單中的「工具」——「Internet選項」——再在彈出的對話框中占擊「高級」選項卡，找到「列印背景顏色和圖像」一項。如下圖所示：
然後將上圖中紅色圈住的選項打上勾，再點「確定」就OK了。
至此，我們就完成了對IE的列印設置。接下來，只要我們沒有關閉IE，我們就可以一直使用上述設置（最後一項「列印背景顏色和圖像」的更改始終有效）進行列印。列印前一般先進行列印預覽，效果滿意後再開始列印。
3、windows自帶功能
按住滑鼠的左鍵，將你想要列印的內容選定，然後單擊右鍵選擇「列印」，在彈出的列印對話框中的「頁面范圍」中選擇「選定范圍」就可以只列印你選擇的內容了。
C. js調用瀏覽器的列印功能
最近做了個運用瀏覽器列印合同的功能，之前沒做過，記錄一下其中遇到的問題，列印頁面建議使用新開窗口
原型圖如下：
頁面內容不多說，表格直接用table繪制，在頁面頂部加一個懸浮的列印按鈕。點擊列印按鈕調用列印機(ctrl+p)
實現的列印預覽效果如下圖：
谷歌瀏覽器可在列印預覽-更多設置-選項中去除頁眉和頁腳的勾選
列印的頁面不可出現橫向滾動條，否則會出現列印出來的內容顯示不全的問題。
D. js在IE中怎樣列印出blob
1、通過「window.alert('彈出窗口調試');
」方式進行列印輸出;2、通過「console.table(ars);」方式進行列印輸出。
E. JS-列印word的程序
JS-列印word的模板程序
我們在做項目中經常遇到“列印表格”的功能，在此介紹一下我所用過的列印方法。
一、比較簡單的做法，word另存轉化為html文件的方式。分析如下：
1、首先我們需要在office中用wrod畫好文件的模板，然後將其另存為thm網頁形式。
2、將其改為jsp頁面，這樣我們就可以文件中使用後來傳過來的變數值。此時就是我們傳統的jsp方式，後台定義參數，然後前台獲取，將變數值寫在我們需要顯示的地方。
3、對於表格，我們可以用循環來控制。
4、這樣做打比較簡單，缺點word模板不能修改，一旦表格做個微小的變化，那我們的工作量也不小，因為word轉化後的代碼很難讀懂，要在代碼上控制其樣式，是相當的困難，所以不推薦這種做法。
（註：1、 在做模板時，我們可以先在需要顯示變數值的地方首先定義好值，然後在jsp中直接替換就行。
2、在jsp頁面中，在首先加入“<%@ page contentType="application/msword;charset=UTF-8"%>”， 以標識此頁面為word文件。
3、如果需要點擊時直接打開word文件，而非彈出“保存、打開”對話框，則需要刪除“xmlns:w="urn:schemas-microsoft-com:office:office"”代碼即可。
下面我們介紹另一種更常用的方法，此方法的有點是：修改word模板文件，不會影響程序。
二、用JS控制的列印方式，具體如下：
1、首先畫word模板，在需要動態顯示內容的地方插入“標簽”。方法如下：在word中，選中需要被替換的內容-->插入-->書簽，為其定義好名字即可，其它類似。
2、將做好的模板文件另存為模板dot文件。
做到這基本就差不多了，接下來就是後台代碼發揮的時候了。
3、在後台封裝參數值。
4、調用JS函數列印。
為了更為直觀的介紹，下面用一完整的例子介紹。
先把代碼貼出來：
1、JS模板文件，適用范圍：
a. 根據文檔文件，所有要顯示的內容都定義為書簽。
b. 純表格文件。如果為多個表格或表格中嵌套表格，則需要稍加修改。
c. 文檔、表格混搭型。
代碼如下：
/** * 得到 文件模板的目錄 * @param {} fileName * @return {} */ function getFileTemplatePath(fileName){ var path = "/page/printTemplate/" + fileName + ".dot"; var url="http://"+window.location.hostname + ":" + window.location.port+ this.getContextPath() + path; return url; } /** * 調出word模板，並為標簽賦值 * @param {} jsonObj json對象 * @param {} fileName 所要打開的word文件名 */ function printWord(jsonObj,fileName){ var word=new ActiveXObject("Word.Application"); word.Visible=true; var url= this.getFileTemplatePath(fileName); word.Documents.add(url) for(i=0;i<jsonObj.length;i++){ if ((jsonObj[i].text)!="list"){ range=word.ActiveDocument.Bookmarks(jsonObj[i].text).Range; range.text=jsonObj[i].value; }else{ var myTable=word.ActiveDocument.Tables(1); var rowsCount = myTable.Rows.Count; var iRow=2; for(j=0;j<jsonObj[i].value.length;j++){ if (iRow > rowsCount){ myTable.Rows.Add(); } var length = jsonObj[i].value[j].length; for(var k=0; k<length; k++){ myTable.Rows(iRow).Cells(k + 1).Range.Text=jsonObj[i].value[j][k].value; } iRow ++; } } } word.Visible=true; }
2、看到代碼就會明白，這段代碼需要一個JSON類型的參數。
下一步我們所做的工作就是要在JSON上做文章了。 附後台代碼（封裝JSON，java)
類：PrintJSONObjectSet
import org.json.JSONArray; import org.json.JSONObject; public class PrintJSONObjectSet { private JSONArray ja; public PrintJSONObjectSet(){ ja = new JSONArray(); } public JSONArray getJSONArray(){ return ja; } public JSONObject json(Object key, Object value) throws Exception{ JSONObject jo = new JSONObject(); value = "".equals(value) || value == null "" : value; jo.put("text", key); jo.put("value", value); return jo; } public void put(Object key, Object value) throws Exception{ ja.put(json(key,value)); } public void put(Object obj){ ja.put(obj); } }
列印封裝的方法：
/** * 列印出國(境)證明 * @return * @throws Exception */ public String printChuGuoJingZhengMing() throws Exception{ JSONArray ja = new JSONArray(); GroupInfo group = this.getGroupInfo(); String[] countrys = this.getCountrys(); if(countrys != null){ for(int c=0; c<countrys.length; c++){ PrintJSONObjectSet js = new PrintJSONObjectSet(); SeedGroupRef seed = seedImpl.getCzcz(getGroupInfoId(),countrys[c]); js.put("year", seed.getFileYear()); js.put("fileNum", seed.getFileNum()); js.put("leader",group.getLeader()); js.put("groupCount", group.getGroupCount()); js.put("country",countrys[c]); js.put("dispCode",getDispCode()); js.put("printYear", DateFunc.getPrintYear()); js.put("printMonth", DateFunc.getPrintMonth()); js.put("printDay", DateFunc.getPrintDay()); PrintJSONObjectSet js2 = new PrintJSONObjectSet(); List<MemberInfo> memberList = this.getIsSefMembers(); MemberInfo member; for(int i=0; i<memberList.size(); i++){ PrintJSONObjectSet js3 = new PrintJSONObjectSet(); member = memberList.get(i); js3.put("name1",member.getName()); js3.put("passportNum1",member.getPassportNum()); if(++i < memberList.size()){ member = memberList.get(i); js3.put("name2",member.getName()); js3.put("passportNum2",member.getPassportNum()); } js2.put(js3.getJSONArray()); } js.put("list", js2.getJSONArray()); ja.put(js.getJSONArray()); } } PrintWriter out; System.out.println(ja.toString()); try{ out = response.getWriter(); out.print(ja.toString()); out.close(); }catch(Exception e){ e.printStackTrace(); } return null; }
對於JSON的說明：
1、最外層為一個JSONArray，這個JSON中包含多個JSONArra，其控制文檔的數量。
2、在第二層JSONArray中，包含多個JSONObject。其中每個JSONObject包含一個JSONObject對象。
每個JSONObject對象以{"text":"name","value":"張三"}的形式存儲。
3、遇到表格時，則在第二個JSONArray中，封裝類型{"text":"list","value":[[{"text":"","value:""}]]}形式。
也就是說此時的JSONObject的值必須為list,只有這樣，JS中才能將其作為表格來輸入。
其中在名為 list 的JSONObject對象中，包含多個JSONArray，用來控制行數。
每個JSONArray中包含多個類型第2條中形式的JSONObject對象，用來控制列數。
調用方法：（採用aJax）
Ext.Ajax.request({ url : href, success : function(response, options) { var responseText = response.responseText; var jsonObj=eval('(' + responseText + ')'); for(var i=0; i<jsonObj.length; i++){ printWord(jsonObj[i],'chuGuoJingZhengMing'); } }, failure : function(response, options) { alert("fail!"); } });
例子中的word文件：
如果國家為多個時，則會列印出多個文件。
對於代碼的說明：
在後台代碼封裝中，我們將 書簽名 和 值 封裝為一個JSON對象，這樣JS處理中，我們就方便了，不用再逐個寫出每個書簽的`名字，供其查找、然後賦值。
在後台代碼中，我這里在列印時需要根據國家來確定所要列印的文檔數量，如果為多個國家則要列印出多個文檔，所以在後台封裝，最外層又加了一個JSONArray，JS中也多了一道循環，這個可以根據需要自己調整。
特殊情況下，需要我們單獨處理，如多個表格的情況下，或者表格嵌套表格。
這里說一下表格嵌套的情況下，如果獲得被嵌套的表格對象。
如：var myTable=word.ActiveDocument.Tables(1).Rows(1).Cells(1).Tables(1);
這里得到的是文檔中第一個表格的第一行的每一列中的每一個表格對象，其它類似。
range=word.ActiveDocument.Bookmarks("name").Range 的意思是 得到文檔中 書簽名為“name”的對象。
range.text=“張三” 為其賦值為 張三。
這里採用的是dot文件，因為dot文件存在於伺服器上，如果使用doc文件作為模板文件的話，在多人訪問時，會出現線程鎖死的情況，故採用dot文件。
附加一段生成好的JSON串：
[ [ {"text":"year","value":2011}, {"text":"fileNum","value":5}, {"text":"leader","value":"彭瓚"}, {"text":"groupCount","value":5}, {"text":"country","value":"俄羅斯"}, {"text":"dispCode","value":"dispCode"}, {"text":"printYear","value":"2011"}, {"text":"printMonth","value":"04"}, {"text":"printDay","value":"07"}, {"text":"list","value":[[ {"text":"name1","value":"彭瓚"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"郭沁明"}, {"text":"passportNum2","value":""} ], [ {"text":"name1","value":"張三五"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"彭瓚"}, {"text":"passportNum2","value":""} ], [ {"text":"name1","value":"郭沁明"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"張三五"}, {"text":"passportNum2","value":""} ] ] } ], [ {"text":"year","value":2011}, {"text":"fileNum","value":7}, {"text":"leader","value":"彭瓚"}, {"text":"groupCount","value":5}, {"text":"country","value":"韓國"}, {"text":"dispCode","value":"dispCode"}, {"text":"printYear","value":"2011"}, {"text":"printMonth","value":"04"}, {"text":"printDay","value":"07"}, {"text":"list","value":[ [ {"text":"name1","value":"彭瓚"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"郭沁明"}, {"text":"passportNum2","value":""} ], [ {"text":"name1","value":"張三五"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"彭瓚"}, {"text":"passportNum2","value":""} ], [ {"text":"name1","value":"郭沁明"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"張三五"}, {"text":"passportNum2","value":""} ] ] } ] ]
;