js控制web列印(局部列印)方法整理

首先定義css樣式：
複製代碼 代碼如下:@media print {
.noprint { display: none;color:green }
}

對於不想列印的內容只用在標籤中加上 class=noprint即可，列印的時候客戶也不會看到頁面任何變化。
列印時調用 window.print();

另外幾種js局部列印的方法：
移花接木：
列印的時候，把需要列印的內容替換成整個body內容（使用者會在列印的時候看到變化，客戶體驗不太好） 複製代碼 代碼如下:function preview(oper)
......{
if (oper < 10)......{
bdhtml=window.document.body.innerHTML;//擷取當前頁的html代碼
sprnstr="<!--startprint"+oper+"-->";//設定列印開始地區
eprnstr="<!--endprint"+oper+"-->";//設定列印結束地區
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //從開始代碼向後取html
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//從結束代碼向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else ......{
window.print();
}
}

使用很簡單 將頁面內要列印的內容加入中間<!--startprint1-->XXXXX<!--endprint1-->
再加個列印按紐 onclick=preview(1)
-----------------------------------------
WebBrowser是IE內建的瀏覽器控制項，無需使用者下載.（未實驗）
一、WebBrowser控制項 複製代碼 代碼如下:　　<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>

二、WebBrowder控制項的方法 複製代碼 代碼如下://列印
WebBrowser1.ExecWB(6,1);
//列印設定
WebBrowser1.ExecWB(8,1);
//預覽列印
WebBrowser1.ExecWB(7,1);

關於這個組件還有其他的用法，列舉如下：
WebBrowser.ExecWB(1,1) 開啟
Web.ExecWB(2,1) 關閉現在所有的IE視窗，並開啟一個新視窗
Web.ExecWB(4,1) 儲存網頁
Web.ExecWB(6,1) 列印
Web.ExecWB(7,1) 預覽列印
Web.ExecWB(8,1) 列印版面設定
Web.ExecWB(10,1) 查看頁面屬性
Web.ExecWB(15,1) 好像是撤銷，有待確認
Web.ExecWB(17,1) 全選
Web.ExecWB(22,1) 重新整理
Web.ExecWB(45,1) 關閉表單無提示
但是列印是會把整個頁面都列印出來的,頁面裡面有什麼東西就列印出來,我們有時候只需要列印資料表格,這時我們就要寫一個樣式了:把不想列印的部份隱藏起來：
樣式內容： 複製代碼 代碼如下:<style type="text/css" media=print>
.noprint......{display : none }
</style>

然後使用樣式就可以：
<p class="noprint">不需要列印的地方</p>
代碼如下: 複製代碼 代碼如下:<script language="javascript">
function printsetup()......{
// 列印版面設定
wb.execwb(8,1);
}
function printpreview()......{
// 列印頁面預覽
wb.execwb(7,1);
}
function printit()
....{
if (confirm('確定列印嗎？')) ......{
wb.execwb(6,6)
}
}
</script>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button name=button_print value="列印" class="noprint" onclick="javascript:printit()">
<input type=button name=button_setup value="列印版面設定" class="noprint" onclick="javascript:printsetup();">
<input type=button name=button_show value="預覽列印" class="noprint" onclick="javascript:printpreview();">