JSP頁面列印

來源:互聯網
上載者:User
普通列印(整頁打)
列印網頁內部分內容(自訂) 列印去掉/添加頁首頁尾 使用外部控制項/方法實現多功能列印 列印背景

以上為代碼控制

設定“版面設定”實現列印參數設定(Window系統圖文版)

一、普通列印(整頁打)
這個不用多說,直接用

引用:

window.print();</code>

二、列印網頁內部分內容(自訂)

分三種方法實現
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>

b、在頁面本文處加上<!--startprint-->與<!--endprint-->標識。
也就是在需要使用者列印儲存的本文所對應的html處附加上。同時,如果採用小偷程式獲得遠端資料並需列印,可將此等資料置於該定義標籤之內即可。
c、截取內容部分已完成,現在加個“列印”的連結:
<a href="javascript:;" >列印</a>

3、windows內建功能
按住滑鼠的左鍵,將你想要列印的內容選定,然後單擊右鍵選擇“列印”,在彈出的列印對話方塊中的“頁面範圍”中選擇“選定範圍”就可以只列印你選擇的內容了。

(三)列印去掉/添加頁首頁尾

引用:<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,我們就可以一直使用上述設定(最後一項“列印背景顏色和映像”的更改始終有效)進行列印。列印前一般先進行預覽列印,效果滿意後再開始列印。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.