熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

js 控制網頁打印大全

2013-11-15 11:53:20  來源: JSP教程 

  普通打印(整頁打) 打印網頁內部分內容(自定義) 打印去掉/添加頁眉頁腳 使用外部控件/方法實現多功能打印 打印背景

  以上為代碼控制

  設置“頁面設置”實現打印參數設置(Window系統圖文版)

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

  引用:windowprint();

  二打印網頁內部分內容(自定義)

  分三種方法實現
用css控制

  引用:@media print
a {display:block}
b {display:hidden}
把你不想打印的部分class設為b
首先在網頁中添加

  引用:<OBJECT id="WebBrowser" height="" width="" classid="CLSID:FADABCFDA"
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 如果在vsnet編輯環境下編輯該頁面它經常自動的給object添加多余的參數有了這些東西打印就會出錯所以要記得最後保存的時候刪除它們

  用javascript打印固定標簽內的內容
a在頁面的代碼頭部處加入JavaScript

  
引用:<script language=javascript>
function doPrint() {
bdhtml=windowdocumentbodyinnerHTML;
sprnstr="<!startprint>";
eprnstr="<!endprint>";
prnhtml=bdhtmlsubstr(bdhtmlindexOf(sprnstr)+);
prnhtml=prnhtmlsubstring(prnhtmlindexOf(eprnstr));
windowdocumentbodyinnerHTML=prnhtml;
windowprint();
}
</script>

  
在頁面正文處加上<!startprint>與<!endprint>標識

  也就是在需要用戶打印保存的正文所對應的html處附加上同時如果采用小偷程序獲得遠程數據並需打印可將此等數據置於該定義標簽之內即可

  截取內容部分已完成現在加個“打印”的鏈接

  XML/HTML代碼
<a href="javascript:;" onClick="doPrint()">打印</a>

  引用:
<script language="JavaScript">
var hkey_roothkey_pathhkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="SoftwareMicrosoftInternet ExplorerPageSetup"
//設置網頁打印的頁眉頁腳為空
function pagesetup_null(){
try{
var RegWsh = new ActiveXObject("WScriptShell")
hkey_key="header"
RegWshRegWrite(hkey_root+hkey_path+hkey_key"")
hkey_key="footer"
RegWshRegWrite(hkey_root+hkey_path+hkey_key"")
}catch(e){}
}
//設置網頁打印的頁眉頁腳為默認值
function pagesetup_default(){
try{
var RegWsh = new ActiveXObject("WScriptShell")
hkey_key="header"
RegWshRegWrite(hkey_root+hkey_path+hkey_key"&w&b頁碼&p/&P")hkey_key="footer"
RegWshRegWrite(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()>

  
復制出去看下效果就可以了

  (四)使用外部控件/方法實現多功能打印

  IEWebBrowser組件

  介紹
%BENUS%BQ#top
#appliesto

  代碼

  
引用:<OBJECT classid=CLSID:FADABCFDA height= id=WebBrowser width=></OBJECT>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=打開>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=關閉所有>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=另存為>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=打印>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=直接打印>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=打印預覽>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=頁面設置>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=屬性>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=全選>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=刷新>
<input name=Button onClick=documentallWebBrowserExecWB() type=button value=關閉>

  使用ScriptXcab控件

  
.下載ScriptXcab控件

  .使用object元素修改codebaseclassid的值

  這裡調用控件ScriptXcab

  代碼

  
引用:
<OBJECT id="factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsxcab#VVersion=" classid="clsid:edebdbffdd" viewastext></OBJECT>

  這段代碼用來加載cab文件clsid和codebase必須要和你下載的cab中的信息對應否則組件會加載錯誤這兩項其實不難找只要你用winrar打開你下載的cab文件然後找到擴展名是inf的文件然後打開之就能看到了

  .調用控件腳本

  Printjs文件
代碼

  引用:

  function setPrintBase(headerTextfooterTextrootUrl) {

// advanced features 未曾使用過有待確認

//factoryprintingSetMarginMeasure(); // measure margins in inches

//factorySetPageRange(false );// need pages from to

//factoryprintingprinter = "HP DeskJet C";

//factoryprintingcopies = ;

//factoryprintingcollate = true;

//factoryprintingpaperSize = "A";

//factoryprintingpaperSource = "Manual feed"

var header = (headerText==null||headerText=="")?默認頁眉:headerText;

var footer = (footerText==null||footerText=="")?默認頁角:footerText;

factoryprintingheader = "&b"+header+"&b" ;

factoryprintingfooter = "&b"+footer;

factoryprintingportrait = true;

factoryprintingleftMargin =;

factoryprintingtopMargin =;

factoryprintingrightMargin =;

factoryprintingbottomMargin =;

}

  
例子

  引用:

  <html>
<head>
<meta httpequiv="imagetoolbar" c>
<script language="javascript" src="printjs"></script>
<style media="print">
Noprint {DISPLAY: none;}
</style>
<title>打印測試</title>
</head>
<OBJECT id="factory" style="DISPLAY: none" codeBase="smsxcab#VVersion=" classid="clsid:edebdbffdd" viewastext></OBJECT>
<script defer>
function windowonload() {
setPrintBase(頁眉頁腳);
}
</script>
<body topmargin="" leftmargin="" rightmargin="" bottommargin="" marginwidth="" marginheight="">
<center class="Noprint">
<input type=button value="打印" >
<input type=button value="頁面設置" >
<input type=button value="打印預覽" >
<input type="button" value="關閉" >
</center>
<center>
<table width="%" border="" cellpadding="" cellspacing="">
<tr><td align="center"><b>內容</b></td></tr>
</table>
</center>
</body>
</html>

  (五)打印背景
默認情況下使用IE浏覽器打印網頁時不打印網頁背景如果需要打印網頁背景可以采用如下的方法設置
啟動IE浏覽器
選擇【工具】菜單中的【Internet選項】菜單項打開【Internet選項】對話框
打開【高級】選項卡在【打印】選區中選擇【打印背景顏色和圖像】復選框
單擊【確定】按鈕關閉對話框

  (六)如何用IE打印網頁

  
Internet Explorer(簡稱IE)以上版本強大的打印及打印預覽功能本文就向大家介紹如何用IE來打印網頁(誰?誰?誰在扔西紅柿?下面一片噓聲這還用得著你講呀?!)咳咳咳是的是的在IE中打印網頁實在是太簡單不過了只需點一下工具欄上“打印”按鈕就可將當前網頁打印出來如下圖所示

  
不過你這樣打出來的效果怎麼樣呢?我就不敢說了我今天要和大家講的就是一些打印方面的設置參數如何大家把這些參數設置好你就會發現IE的打印功能快追得上Word了今後你打印網頁時就可以想怎麼打就怎麼打了閒話少說現在就跟我來一起看看怎麼樣設置IE的打印參數
我們以下圖要打印的學生名單(《學生學籍管理系統MX》查詢結果網頁)為例講解如何設置這些打印參數

  
假如我們直接點工具欄的“打印”按鈕或點“文件”菜單中的“打印”進行打印這個網頁的話就會打印出很多不必要的信息所以在打印前我們應先用IE新增的“打印預覽”功能查看當前網頁的實際打印效果如下圖所示

  
在如下圖所示的“打印預覽”對話框中我們可以看到網頁標題網頁的URL地址及打印日期等我們所不需要的信息也被打印出來了而頁碼又在右上角能不能把它移到其他位置(如我們常見的右下角)呢?

  
能不能按照我們所想要的樣式來打印網頁呢?當然可以一切就在“頁面設置”中

  彈出如下圖所示的“頁面設置”對話框所有的秘密都在這裡!

  
原來IE自動給我們在頁眉和頁腳處加上了這些不必要的打印信息如果我們不想要任何頁眉和頁腳的話直接刪除它們就行了)大部分時候我都是這樣做的但如果你想自定義頁眉和頁腳的時候該怎麼做呢?上面的那些“&w&b&p”等等究竟表示什麼意思呀?給你個表格就知道了 含義
&w 網頁標題
&u 網頁地址 (URL)
&d 短日期格式(由“控制面板”中的“區域設置”指定)
&D 長日期格式(由“控制面板”中的“區域設置”指定)
&t 由“控制面板”中的“區域設置”指定的時間格式
&T 小時時間格式
&p 當前頁碼
&P 總頁數
&b 文本右對齊(請把要右對齊的文字放在“&b”之後)
&b&b 文字居中(請把要居中的文字放在“&b”和“&b” 之間)
&& 單個 & 號 (&)
這些符號可以與文字組合使用如本教程中的“頁碼&p/&P”
頁眉和頁腳默認是左對齊的所以IE只提供了右對齊和居中的設置符號
推薦給大家一種設置方法頁眉為空頁腳設為“&b第 &p 頁 / 共 &P 頁&b”打印效果為在頁腳居中顯示“第 頁 / 共 頁”的效果
知道了上面的知識你就可以打印了但有時你會發現網頁中的一些圖像在打印時不見了Why?為什麼會這樣?別著急IE的默認設置是不打印網頁的背景顏色和圖像的您只需進入IE的Internet選項將它選中(打上勾)就行了具體操作方法是點IE的主菜單中的“工具”——“Internet選項”——再在彈出的對話框中占擊“高級”選項卡找到“打印背景顏色和圖像”一項如下圖所示

  然後將上圖中紅色圈住的選項打上勾再點“確定”就OK了

  至此我們就完成了對IE的打印設置接下來只要我們沒有關閉IE我們就可以一直使用上述設置(最後一項“打印背景顏色和圖像”的更改始終有效)進行打印打印前一般先進行打印預覽效果滿意後再開始打印

  windows自帶功能
按住鼠標的左鍵將你想要打印的內容選定然後單擊右鍵選擇“打印”在彈出的打印對話框中的“頁面范圍”中選擇“選定范圍”就可以只打印你選擇的內容了


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19825.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.