1. 程式人生 > >WEB頁面列印預覽、列印 相容所有瀏覽器

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