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

web實現橫向列印

發布時間: 2023-01-12 07:48:07

1. WEB列印控制項

推薦用HttpPrinter網頁列印控制項吧,瀏覽器和系統的兼容性都很好,而且不會崩潰,主要是免費 。

2. java(web)列印 通常是怎麼實現的

Web系統中,列印功能一直是個老大難問題,因此產生了很多第三方的控制項,多數要收費,而且跟自己的系統結合有一定的麻煩。系統採用J2EE技術,jsp列印問題同樣存在於OA中。

列印方式有三種:一是不經過任何修改,直接調用javascript中的window.print()列印。二根據客戶要求的報表格式,編寫相應格式的html,裝載數據列印,同樣調用window.print()列印,只是對html的格式要求比較高。三是通過客戶提供的word格式,通過xml配置文件與資料庫的數據進行關聯,自動裝載數據到word中列印,這里是利用客戶端的word進行列印。

第一種幾乎不用編寫程序,最簡單快捷,這里會遇到幾個問題,只能列印表單內容,按鈕不希望列印出來;頁眉頁腳不想列印出來;IE的titile不想列印出來。
解決辦法:把button放在一個table或者div里,列印的時候隱藏,完成後顯示就可以。系統中的javascript列印代碼如下:
function Print() {
var tit = document.title;
document.title = "";
table1.style.display = "none";
window.print();
document.title = tit;
table1.style.display = "";
}
不過只能起到列印的目的,列印的效果一般比較土。不管怎麼說,可以最快的讓系統的大部分模塊都有列印的功能。

第二種方式必須根據每個報表的格式進行定製html和java程序開發,會花比較多的時間。要注意的是對html中table的樣式控制,在IE中瀏覽看起來很細的邊框,列印出來有些線條會比較粗,有些線條又會比較細,陰陽怪氣的很難看。
在table中直接用bordercolor會讓線條顯得很粗,用bordercolorlight,bordercolordark配合使用可以顯示出秀氣的線條。
<html>
<head></head>
<body>
<table border="1" bordercolorlight="red" bordercolordark="#FFFFFF" cellpadding="3" cellspacing="0">
<tbody>
<tr>
<td>姓名</td>
<td>所屬部門</td>
</tr>
<tr>
<td>陳</td>
<td>技術部</td>
</tr>
</tbody>
</table>
</body>
</html>
比如以上代碼,在IE中看起來線條一樣大小,還是比較秀氣。不要高興的太早,列印出來的效果不象在IE中看到的那樣,邊框雖細,內線卻很粗!原因是每個td都有邊框,td與td的交接處就會有線條重疊,雖然IE看起來沒有,可是列印的時候就會顯示出來。
這個問題的解決辦法是控制每一個td的樣式,對重疊的地方進行border-bottom:1px之類的控制。
這個方案比較消耗精力,而且列印的時候很難控制分頁,更不能隨時按照客戶的需要調整字體邊框顏色等。

第三種方案:從伺服器端生成word、excel等文檔,發送到瀏覽器進行列印
實現過程:先將需要列印的數據導入到word或者excel中,再利用word或者excel的列印功能來實現web列印。
下面以excel為例實現如何列印的過程
將網頁中數據導入excel中的方法有很多,這里先介紹一種,利用ActiveX控制項的方式,即 Excel.Application, 這個控制項是MS為excel提供的編程介面,在很多種編程語言種都可以通過該介面來操縱excel表格。
下面用javascript腳本來實現一個簡單的例子。
<script language = "javascript">
function ExcelPrint() {
var excelApp; //存放Excel對象
var excelBook; //存放Excel工件簿文件
var excelSheet; //存放Excel活動工作表
try {
excelApp = new ActiveXObject("Excel. Application"); //創建Excel對象}
catch(e) {
alert("請啟用ActiveX控制項設置!");
return;
}
excelBook = excelApp.Workbooks.Add(); //創建Excel工作簿文件
excelSheet = excelBook.ActiveSheet; //激活Excel工作表
var rowLen = printTable.rows.length; //table對象的行數
for (var i = 0; i < rowLen; i++) {
var colLen = printTable.rows(i).cells.length; //table對象的列數
for (var j = 0; j < colLen; j++) //為Excel表的單元格賦值
excelSheet.Cells(i + 1, j + 1).value = printTable.rows(i).cells(j).innerText;
} //將表格中的每個單元格的innerText導入到excel的單元格中
excelApp.Visible = true; //設置Excel對象可見
excelSheet.PrintOut(); //列印工作表
excelBook.Close(true); //關閉文檔
excelApp.Quit(); //結束excel對象
excelApp = null; //釋放excel對象
}
}

</script>
注意:
運行該程序的前提是 IE要允許對沒有標記為安全的Activex控制項進行初始化和腳本運行。設置方法如下:
打開控制面板→Internet選項→安全性→自定義級別→對沒有標記為安全的ActiveX控制項進行初始化和腳本運行→選中啟用,這樣我們的程序就可以運行了。如果沒有啟用該ActiveX控制項設置,那麼程序在執行創建Excel對象時會拋出一個異常,這時可以通過catch()語句來捕獲這個異常,並且做出相應的處理。
運行該程序必須客戶端安裝了MS EXCEL,否則Activex驅動不了。

3. .net(c#) 開發的web程序 如何實現列印功能啊就是某個頁面有個列印按鈕,點擊之後可以列印這個頁面內容

通過腳本控制就行了。如果想列印時去掉頁腳什麼的,就用一個叫ReYoPrint.cab控制項,網上有自行下載。
<body>

<OBJECT ID="ReYoPrint" CLASSID="CLSID:5C230622-45E5-4e3c-893C-3BFDDC4DB5E4" codebase="/ReYoPrint.cab" height="0" width="0"></OBJECT>
<script>
ReYoPrint.MarginLeft=2; //設置左邊邊距
ReYoPrint.MarginRight=2; //設置右邊邊距
ReYoPrint.MarginTop=2; //設置上邊邊距
ReYoPrint.MarginBottom=2; //設置下邊邊距
ReYoPrint.CopyCount=1; //列印份數
ReYoPrint.PageHeader=""; //頁眉
ReYoPrint.PageFooter=""; //頁腳
ReYoPrint.IsLandScape=0; //把頁面設置為橫向1
</script>

<div class="c_main_box"> <div class="only_print_view">
<input type="button" id="btnPrint" value="列印預覽" onclick="ReYoPrint.PrintPreview()">
<input type="button" id="btnPrint" value="列印文件" onclick="ReYoPrint.Print()">
<input type="button" id="btnPrint" value="直接列印" onclick="ReYoPrint.PrintDirect()">
</div>
</div>

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

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

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

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

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

5. js控制橫向列印web網頁內容

用這個Lodop插件 兼容IEChromeFirefox ····

支持橫向列印,票據列印,修改頁眉頁腳等等,定製性很強大··

關鍵是免費的·做Web列印神器,

LODOP.SET_PRINT_PAGESIZE(1,4500,1600,"證書列印");//第一個參數設置為1是橫向,2是縱向

6. WebBrowser ExecWB怎麼設置列印預覽直接是100%縮放和橫向列印怎麼設置謝謝

很多人出現flash載入外部圖片而不能控制顯示大小的問題,導致這樣問題的原因其實是因為flash在載入圖片是採用漸進式的方式,在圖片沒有載入完成的時候,flash是不知道你的圖片的大小的和尺寸的屬性的。所以你在程序中即時加入控制大小的代碼也無法控制圖片。因為代碼往往在圖片還沒有載入完之前就執行了,也就是說你的代碼是找不到執行的對象的。所以使用_width和_height代碼是無效的。而_xscale和_yscale可以執行但是因為是按照百分比計算的,所以也不能控制不同大小的圖片最後顯示同樣大小的尺寸。 解決辦法:loadClip代碼,我想你應該也是知道的, loadClip代碼就是解決這個問題的最佳人選了。loadMovie屬於初級代碼,它沒有偵聽器這樣的屬性,因此無法捕捉到文件的屬性(大小,尺寸)。因此我們不推薦使用這個代碼,如果你的flash只是用於本機播放的,不存在網路延遲那麼也就無所謂的了,但是如果你要控制載入圖片的大小,那麼還是需要用loadClip即時你的flash是本地播放的,因為即時載入本地的圖片,載入圖片的時間肯定也是滯後於代碼執行的,因此我們選用 loadClip代碼,作為載入外部文件的最佳代碼。我們看以下它偵聽器的各項屬性:(我這里就講一個了)onLoadInit屬性是用於檢測文件狀態屬性的這個屬性非常的重要,因為它能告訴你圖片的各項屬性,也就是只有這個時候你才能知道文件的尺寸大小。你可以試一下trace(MC._width)是不是就是圖片的大小。如果是,就證明圖片已經載入完畢,並且你可以通過程序去控制它的大小了。onLoadInit= function(target_mc:MovieClip){ target_mc._width=100; target_mc._height=100;}看看是不是載入近來的圖片就是100像素*100像素的顯示了,你可以通過程序自由控制載入近來的圖片大小了。 延伸代碼,如何讓你的圖片可以寬是100像素而高是等比縮放的呢?onLoadInit = function(target_mc:MovieClip){ target_mc._height=(100*target_mc._height)/target_mc._width; target_mc._width=100; }target_mc._height=(100*target_mc._height)/target_mc._width;放在上面很重要的哦,千萬不要這樣放:target_mc._width=100;target_mc._height=(100*target_mc._height)/target_mc._width;這樣你的高肯定不是等比率的。 通過以上講解是不是可以啦! 參考flash幫助文檔,我弄了個簡單的實驗效果,大家可以直接復制粘貼this.createEmptyMovieClip("image_mc", this.getNextHighestDepth());var mclListener:Object = new Object();mclListener.onLoadInit = function(target_mc:MovieClip) {target_mc._width = 100;target_mc._height = 100};var image_mcl:MovieClipLoader = new MovieClipLoader();image_mcl.addListener(mclListener);image_mcl.loadClip(" http://www.helpexamples.com/flash/images/image1.jpg", image_mc);

7. js橫向列印(WebBrowser)

建議你使用Scriptx插件來進行列印設置。

8. web網站怎樣實現列印功能

直接調用系統自帶的WebBrowser控制項就可以了。
增加代碼如下:
<OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
VIEWASTEXT>
</OBJECT>
<input onclick="document.all.WebBrowser.ExecWB(6,6)" type="button" value="直接列印">
<input onclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="列印預覽">

9. 如何用webbrowser來設置IE 橫向列印

用execwb這個組件不能直接實現橫向列印.可以考慮用這個:
<script language="Javascript">
function doprint() {
//save existing user's info
var h = factory.printing.header;
var f = factory.printing.footer;
//hide the button
document.all("printbtn").style.visibility = 'hidden';
//set header and footer to blank
factory.printing.header = "";
factory.printing.footer = "";
factory.printing.portrait = false;//關鍵是這句,縱向列印為FALSE即為橫向列印
//print page without prompt
factory.DoPrint(true);
//restore user's info
factory.printing.header = h;
factory.printing.footer = f;
//show the print button
document.all("printbtn").style.visibility = 'visible';
}
</script>