WEB頁面列印預覽、列印 相容所有瀏覽器
因專案裡要做頁面列印預覽以及列印功能,還要求相容大部分主流瀏覽器
實現方式有很多最後決定用window.print();大部分瀏覽器都適用,
window.print()方式ie瀏覽器不支援列印預覽,針對ie瀏覽器的預覽用ie自有列印元件
WebBrowser.ExecWB實現
ie瀏覽器預覽時要把不需要預覽的div加上class="noprint",否則會整個頁面全部預覽
列印時則只打印呼叫printit方法時傳入的div層
<HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style> @media print { .noprint { display: none } } </style> <script language="javascript"> //提示視窗 function printit(MyDiv,type){ if(type=='Preview'&&!-[1,]){ document.all.WebBrowser.ExecWB(7,1); }else{ var newstr = document.getElementById(MyDiv).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = newstr; window.print(); document.body.innerHTML = oldstr; return false; } } </script> </HEAD> <BODY> <span id='div1'>把要列印的內容放這裡</span></br> </br> <span class="noprint" >不列印的內容放這裡</span> </br> </br> <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="WebBrowser" width="0" VIEWASTEXT></OBJECT> <input type="button" value="預覽" onclick="javascript:printit('div1','Preview');"> <input type="button" id="button_print" name="button_print" value="列印本單據" onclick="javascript:printit('div1','print');"> </BODY> </HTML>
相關推薦
WEB頁面列印預覽、列印 相容所有瀏覽器
因專案裡要做頁面列印預覽以及列印功能,還要求相容大部分主流瀏覽器 實現方式有很多最後決定用window.print();大部分瀏覽器都適用, window.print()方式ie瀏覽器不支援列印預覽,針對ie瀏覽器的預覽用ie自有列印元件 WebBrowser.ExecWB實現 ie瀏覽器預覽時要把不需要預
Web下實現列印、列印預覽、列印設定、匯出到Excel
常用JS列印: var printContent = $("printtable").innerHTML; var bodyContent = document.body.innerHTML; document.body.innerHTML = printCont
編寫web列印程式,實現列印預覽,直接列印 ,頁面設定 ,關閉
<html><head><meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5"><title>看看</title
WebBrowser.ExecWB的完整例項,列印頁面、頁面設定、列印預覽、另存為、屬性等
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> <input name=Button .
SpringBoot + FreeMarker + FlyingSaucer 實現PDF線上預覽、列印、下載
關鍵技術點:1.Freemarker模板引擎模板語法2.FlyingSaucer根據模板生成pdf相容中文(及中文換行問題)相容CSS(絕對、相對定位)相容圖片多頁輸出(示例程式碼沒有dao、service層,生產環境中自行新增,本示例完整,不坑人)實現步驟Spri
基於Metronic的Bootstrap開發框架經驗總結(9)--實現Web頁面內容的列印預覽和儲存操作
在前面介紹了很多篇相關的《Bootstrap開發框架》的系列文章,這些內容基本上覆蓋到了我這個Bootstrap框架的各個主要方面的內容,總體來說基本達到了一個穩定的狀態,隨著時間的推移可以會引入一些更好更新的內容進行完善,本篇繼續這個系列,主要介紹如何實現Web頁面內容的列印預覽和儲存操作。 1、Web頁
html(object)控制ie的列印、重新整理、另存、關閉、開啟、頁面設定、屬性、列印預覽
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT> <input name=Button onC
c# 頁面列印預覽 並儲存為PDF
這次列印的方法主要是獲取頁面的html檔案 進行整理 並生成列印預覽 1.C# 的.aspx 頁面 需要設定 <!--startprint--> 和 <!--endprint--> 用於設定列印內容 2.列印按鈕設定onclick="previe
JS 實現瀏覽器列印、列印預覽
目前正在做瀏覽器端採用JS方式實現列印這麼一個功能,JS列印實現的方法很多,但是相容各個瀏覽器實現列印預覽的功能有些棘手,現將實現的內容及遇到的問題記錄下來,希望有大牛看到所提的問題後可以給予解答,在此感謝啦。 1.JS實現列印的方式 方式一:window.print()
谷歌瀏覽器中全屏及跳過頁面列印預覽的設定
1.首先在桌面建立一個谷歌瀏覽器的快捷方式; 2.開啟瀏覽器>>然後開啟“設定”選單>>在“啟動時”一項中選擇“開啟特定網頁或一組網頁”>>點選“新增新網頁”,輸入專案或網站地址>>儲存; 3.滑鼠右鍵點選快捷方式>
Excel:表格列印-預覽+列印狀態下頁面設定
一、表格列印預覽:首頁功能----> 檔案選項卡--->檔案功能按鈕--->先設定列印區域--->列印預覽
用WPF實現列印及列印預覽
原文: 用WPF實現列印及列印預覽 應該說,WPF極大地簡化了我們的列印輸出工作,想過去使用VC++做開發的時候,列印及預覽可是一件極麻煩的事情,而現在我不會再使用C++來做Windows的桌面應用了——價效比實在太低。 WPF的列印功能是很強大而簡便的,它甚至能夠直接列印介面上的內容,
怎麼使用CAD編輯器列印預覽CAD圖紙?
怎麼使用CAD編輯器列印預覽CAD圖紙?在日常的工作中,建築設計師們編輯完圖紙後,不僅僅需要對CAD圖紙進行檢視,有的時候如果要去建築施工地去檢視的話,不可能把電腦一起帶到施工現場吧,那就需要變編輯好的CAD圖紙打印出來,那怎麼使用CAD編輯器列印預覽CAD圖紙?具體要怎麼來進行操作了,下面就來教教大傢俱體操
列印預覽:print
一、函式 function printed(){ $.ajaxPrint({ url: '<g:createLink controller="oneLevel" action="print"/>', title: '
java+js將資料列印預覽PDF
1、pdfjs包的位置 2.後臺java @RequestMapping(params = "goViewPDF") public ModelAndView goViewPDF(HttpServletRequest request,HttpServletRespon
FastReport 實現不預覽直接列印的寫法(FastReport4.6 和 FastReport2.4)
FastReport4.6 frxReport1.PrepareReport(); frxReport1.PrintOptions.ShowDialog := False; frxReport1.Print; FastReport2.4 frReport1.PrepareReport;
列印預覽功能
發票列印 @RequestMapping(value = “getXps1”) public void xpsGet1(HttpServletResponse response){ File file = new File(“C:/Users/Administr
檢查是否是圖片、限制上傳畫素、圖片上傳時預覽、點選預覽圖在新頁面檢視原圖、上傳圖片
在做網站後臺管理時,涉及到了圖片的上傳,經過多次改動後,上傳圖片的一系列步驟如下 1.在點選瀏覽按鈕時彈出框只出現圖片格式的檔案,可在input type=file中通過accept=".jpg,.png,.jpeg" 限制。 增加限制前: 增加限制後: 但在上圖示紅處選擇所有檔案時又會
VC++對話方塊程式列印及列印預覽的實現(三)
本文首先介紹了利用MFC提供的文件檢視框架來實現一個列印程式,實現列印預覽,在此基礎上,同時通過對MFC原始碼的深入探討,提出了利用該方法在對話方塊上用MFC實現列印功能,結果表明,利用MFC實現列印不僅方便,而且功能很強大,能夠根據不同的需求很方便的打印出所需要的格式。本文還實現了一個在對話方塊中
VC++對話方塊程式列印及列印預覽的實現(二)
這是接上面的具體實現能夠成功的打印出資料 CPrintView.h的詳細程式碼 pragma once #include "StatisticsCoverDlg.h" // CPrintView 檢視 #define PRINTMARGIN 2 BOOL CALLBACK _AfxMyPr