當前位置:首頁 » 網頁前端 » javascript庫實現web列印
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

javascript庫實現web列印

發布時間: 2022-09-21 02:01:22

1. web列印,通過jsp頁面調用window.print();不出對話框直接列印

使用window.print命令就會彈出的,是無法實現的,只有用scripX等第三方插件才可以實現。

2. javascript web編程,列印10行*號。

第一個空填:type
第二個空填:string_display()
第三個空填:<br/>
第四個空填:onload

<html>
<head>
<!-- **********Found********** -->
<script type="text/javascript" >

// **********Found**********
function string_display(){
var i,j;
for(i=1; i<=10;i++)
{
var s1 = "";
for(j=0;j<i;j++)
{
s1+="*";
}
// **********Found**********
document.write(s1+"<br/>");
}
}
</script>
<!-- **********Found********** -->
<body onload="string_display()">
</body>
</html>
</head>

3. java web 幾種WEB報表的列印方式

用瀏覽器自帶的列印功能直接列印;

這種方式是最直接的,方便的,不需要加什麼插件jar包,只要前台在一個div中模仿著報表的格式去設置界面布局,然後把數據動態的填充進去,再調用JavaScript列印函數,就可以實現界面的局部列印功能。(如果不想讓報表div在界面中顯示出來可以隱藏之)PS:不過直接在前台界面列印還是會遇到意想不到的情況,不同瀏覽器的問題,反正我就遇到不同瀏覽器列印出來的報表排版不一的情況,用的時候需要注意。

eg:

div布局

<divid="printdiv"style="display:none;">
<tableid="tableid"class="main"cellspacing="0"cellpadding="0"border="1"
bordercolor="#000000"width="800px;">
/******yourcode******/
</table>
</div>

JavaScript部分:(自己根據需要選擇觸發響應的JS函數)

functionwindowprint(){

varf=document.getElementById("printdiv");
f.style.display="";
window.print();
f.style.display="none";
}

functionmyPrint(obj){

varnewWindow=window.open("列印窗口","_blank");
vardocStr=obj.innerHTML;
newWindow.document.write(docStr);
newWindow.document.close();
newWindow.print();
newWindow.close();
}

4. 使用Javascript怎樣自動列印頁面

1、js實現(可實現局部列印)
[html] view plain
<input id="btnPrint" type="button" value="列印" onclick="javascript:window.print();" />
<input id="btnPrint" type="button" value="列印預覽" onclick=preview(1) />
<style type="text/css" media=print>
.noprint{display : none }
</style>
<p class="noprint">不需要列印的地方</p>
<script>
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();
}
}
</script>
<p>XXXXX</p>
<!--startprint1-->要列印的內容<!--endprint1-->
再加個列印按紐 onclick=preview(1)
2、調用windows底層列印,報安全警告,不建議使用(不支持局部列印)
[html] view plain
<HTML>
<HEAD>
<TITLE>javascript列印-列印頁面設置-列印預覽代碼</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312" />
<SCRIPT language=javascript>
function printsetup(){
// 列印頁面設置
wb.execwb(8,1);
}
function printpreview(){
// 列印頁面預覽
wb.execwb(7,1);
}
function printit()
{
if (confirm('確定列印嗎?')) {
wb.execwb(6,6);
}
}
</SCRIPT>
</HEAD>
<BODY>
<DIV align=center>
<OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
<INPUT onclick=javascript:printit() type=button value=列印 name=button_print />
<INPUT onclick=javascript:printsetup(); type=button value=列印頁面設置 name=button_setup />
<INPUT onclick=javascript:printpreview(); type=button value=列印預覽 name=button_show />
一按開始的減肥了卡時間段
</DIV>
</BODY>
</HTML>
3、jQuery實現(支持局部列印)
[html] view plain
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
<script>
$(document).ready(function(){
$("input#biuuu_button").click(function(){
$("div#myPrintArea").printArea();
});
});
</script>
<input id="biuuu_button" type="button" value="列印"></input>
<div id="myPrintArea">.....文本列印部分.....</div>

5. js如何實現頁面列印

<HTML><HEAD><TITLE>javascript列印-列印頁面設置-列印預覽代碼</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312" />
<SCRIPT language=javascript>
function printsetup(){
// 列印頁面設置
wb.execwb(8,1);
}
function printpreview(){
// 列印頁面預覽
wb.execwb(7,1);
}
function printit()
{
if (confirm('確定列印嗎?')) {
wb.execwb(6,6)
}
}
</SCRIPT>
</HEAD>
<BODY>
<DIV align=center>
<OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
<INPUT onclick=javascript:printit() type=button value=列印 name=button_print />
<INPUT onclick=javascript:printsetup(); type=button value=列印頁面設置 name=button_setup />
<INPUT onclick=javascript:printpreview(); type=button value=列印預覽 name=button_show />
</DIV>
</BODY>
</HTML>

6. 列印JS怎麼用的

Javascript網頁列印大全
普通列印(整頁打) 列印網頁內部分內容(自定義) 列印去掉/添加頁眉頁腳 使用外部控制項/方法實現多功能列印 列印背景
以上為代碼控制
設置「頁面設置」實現列印參數設置(Window系統圖文版)
一、普通列印(整頁打)
這個不用多說,直接用

引用:window.print();
二、列印網頁內部分內容(自定義)
分三種方法實現
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>

2、在頁面正文處加上<!--startprint-->與<!--endprint-->標識。
也就是在需要用戶列印保存的正文所對應的html處附加上。同時,如果採用小偷程序獲得遠程數據並需列印,可將此等數據置於該定義標簽之內即可。
3、截取內容部分已完成,現在加個「列印」的鏈接:
XML/HTML代碼
<a href="javascript:;" onClick="doPrint()">列印</a>
引用:
<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,我們就可以一直使用上述設置(最後一項「列印背景顏色和圖像」的更改始終有效)進行列印。列印前一般先進行列印預覽,效果滿意後再開始列印。

3、windows自帶功能
按住滑鼠的左鍵,將你想要列印的內容選定,然後單擊右鍵選擇「列印」,在彈出的列印對話框中的「頁面范圍」中選擇「選定范圍」就可以只列印你選擇的內容了。

7. javascript JS 實現列印頁面功能 支持多瀏覽器,兼容IE,火狐,谷歌

尊敬的用戶,您好!很高興為您答疑
您的這種需求,如果對列印頁面的匹配度要求很高,一般的做法是製作三個分別對應三種內核瀏覽器的隱藏對象。然後根據瀏覽者的頭文件判斷瀏覽器,然後將對應的隱藏層放置到列印對象中去。如果對樣式要求較低,可以考慮使用table布局,這種布局雖然代碼不是很優雅,但是相對來說兼容率較好,閱讀習慣和空間布局上也更接近紙面印刷品。
希望我的回答對您有所幫助,如有疑問,歡迎繼續咨詢我們。

8. java web頁面中做一個列印按鈕,點擊後可以A4紙列印一些內容. 如何實現呢

jsp中可以直接調出IE瀏覽器的列印功能,具體可參考這么做:
<center class="Noprint" style="position:fixed;">
<div align="center">
<input type=button value=" 打 印 " width="150" onclick="document.all.WebBrowser.ExecWB(6,1);">
</div>
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT>

</center>

9. 如何通過JS列印WEB頁面上的一個DIV

文本框內容顯示在指定地方:就是一個dom內容轉移的操作,使用Jquery獲取原生js都很好實現,配合具體js事件實現。具體操作如下: //假定文本框的id='mytext',指定顯示區域的id='show' //div/span/p等節點,不是文本元素function fun(){ getEle('s...

10. 如何在java web項目中實現列印功能,比如一

你可以了解下jatoolsprint 目前所遇到的列印問題都可以解決。
不過要裝一個控制項。大小60K.
這是他們網上的介紹。你可以了解下。

jatoolsPrinter (傑表.列印控制項)是一款實現網頁套打的專用工具。作為web應用開發者,我們經常會遇到在瀏覽器中列印報表、票據的需求,這些需求瀏覽器本身的列印功能一般不能滿足, 如精確分頁,套打等。這就需要有一種能解決常見的瀏覽器端列印問題的軟體工具,這也是 jatoolsPrinter 的研發背景。

jatoolsPrinter 的特點是可以直接對web頁面進行精確的分頁列印。jatoolsPrinter 通過在網頁中嵌入控制項,解決了web客戶端精確列印,批量列印,列印配置自動保留等問題。 具體功能有:

支持設置列印參數,指定輸出列印機、紙張類型,列印方向(橫、豎)等 。
支持html格式的頁腳、頁眉設置,也就是說,頁腳頁眉可設置圖片等,如公司logo。
支持程序分頁與自動分頁。
支持列印參數自動保留,待下一次列印同一票據時,自動設置,這使客戶端也可以控制列印參數。
支持列印預覽,支持預覽時指定頁、指定份數列印。
支持直接列印指定票據的URL。
支持票據及其附件的批量列印。
支持取得本機中的可用列印機,可用紙張類型列表,幫您設計出更友好的參數設置界面。
支持回調,可以幫助您在列印後自動處理有關事務,比如列印後自動關閉窗口、自動遞交表單數據等。
支持票據套打時,底圖僅在列印預覽時顯示,不輸出到列印機。
小巧,整個控制項只有60K。不需要額外的軟體包支持。
與您項目採用的技術標准無關,J2EE、.NET 項目均可。
IE 5.5+ 中適用。