WEB頁面列印預覽、列印相容所有瀏覽器

阿新 • • 發佈：2019-01-14

因專案裡要做頁面列印預覽以及列印功能，還要求相容大部分主流瀏覽器

實現方式有很多最後決定用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 頁面需要設定  和  用於設定列印內容 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

WEB頁面列印預覽、列印 相容所有瀏覽器

相關推薦

WEB頁面列印預覽、列印相容所有瀏覽器