首頁 > web前端 > js教程 > js控制web列印(局部列印)方法整理_javascript技巧

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

WBOY
發布: 2016-05-16 17:33:08
原創
2105 人瀏覽過
先定義css樣式:
複製程式碼 程式碼如下:


程式碼如下:

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

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


另外幾種js局部列印的方法:複製程式碼


程式碼如下:


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


程式碼如下:



然後使用樣式就可以:

不需要列印的地方

程式碼如下:
複製程式碼 程式碼如下:

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板