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

先定義css樣式：

複製程式碼 程式碼如下:

程式碼如下:

@ media print {
.noprint { display: none;color:green }
}

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


另外幾種js局部列印的方法：

移花接木： 列印的時候，把需要列印的內容替換成整個body內容（使用者會在列印的時候看到變化，客戶體驗不太好）

複製程式碼

程式碼如下:


function preview(oper)
......{
if (oper bdhtml=window.document. body.innerHTML;//取得目前頁面的html程式碼
sprnstr="";//設定列印開始區域
eprnstr="";//設定列印結束區域
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();
}
}


使用很簡單將頁面內要列印的內容加入中間XXXXX
再加個列印按紐onclick=preview(1)

------------- ---------------------------- WebBrowser是IE內建的瀏覽器控件，無需用戶下載.（未實驗） 一、WebBrowser控制

複製程式碼

程式碼如下:

Web　〕〜' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'>

二、WebBrowject> 二、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) 關閉窗體無提示但是打印是會把整個頁面都打印出來的,頁裡面有什麼東西就打印出來,我們有時候只需要打印數據表格,這時我們就要寫一個樣式了:把不想印的部份隱藏起來： 樣式內容：

複製程式碼

程式碼如下:

然後使用樣式就可以：

不需要列印的地方

程式碼如下:

複製程式碼 程式碼如下: