Web下實現列印、列印預覽、列印設定、匯出到Excel

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

常用JS列印：

var printContent = $("printtable").innerHTML;
		var bodyContent = document.body.innerHTML;
		document.body.innerHTML = printContent;
		window.print();
		document.body.innerHTML = bodyContent;
		window.location.reload();
		return;

使用<OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
<CENTER>

1、列印 onclick=window.print()

2、列印預覽 onclick=wb.execwb(7,1)

3、列印頁面設定 onclick=wb.execwb(8,1)

列印前把不需要列印的頁面設定為隱藏

示例：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>薪資等級各專案明細</TITLE>
<META http-equiv=Content-Type content="text/html; charset=GB2312">
<META http-equiv=Pragma content=no-cache>
<META http-equiv=Cache-Control content=no-cache>
<META http-equiv=Expires content=0>
<STYLE type=text/css>TD {
	FONT-SIZE: 12px; FONT-FAMILY: "宋體"; WORD-WRAP: break-word
}
.tbl {
	BORDER-TOP: #cecfce 1px solid; BACKGROUND: #efefef
}
.link1 {
	COLOR: #000000; TEXT-DECORATION: none
}
.link1:hover {
	TEXT-DECORATION: underline
}
 
@media Print    
{
.noprint {
	DISPLAY: none
}
 
}
</STYLE>
 
<SCRIPT> 
function exportToExcel(idDataObj){
    var oXL=new ActiveXObject("Excel.Application");
    var oWB=oXL.Workbooks.Add();
    var oSheet=oWB.ActiveSheet;
    var sel=document.body.createTextRange();
    sel.moveToElementText(idDataObj);
    sel.select;
    sel.execCommand("Copy");
    oSheet.paste();
    oXL.Visible=true;
    oSheet=null;
    oWB=null;
    appExcel=null;
}
</SCRIPT>
 
<META content="MSHTML 6.00.2900.3157" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#ffffff>
<OBJECT id=wb height=0 width=0 
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
<CENTER>
<TABLE class=noprint cellSpacing=0 cellPadding=3 width="95%" align=center 
border=0>
  <TBODY>
  <TR>
    <TD align=right><A class=link1 onclick=exportToExcel(divData) 
      href="#">匯出為Excel</A>  
      <A class=link1 onclick=window.print() 
      href="#">列印</A>  
      <A class=link1 onclick=wb.execwb(7,1) 
      href="#">列印預覽</A>  
      <A class=link1 onclick=wb.execwb(8,1) 
      href="#">列印頁面設定</A></TD></TR></TBODY></TABLE>
<TABLE class=noprint cellSpacing=0 cellPadding=0 width="95%" align=center 
border=0>
  <TBODY>
  <TR>
    <TD align=middle bgColor=#639ace height=1></TD></TR>
  <TR>
    <TD> </TD></TR></TBODY></TABLE>
<DIV id=divData>
<TABLE cellSpacing=0 cellPadding=3 width="95%" border=0>
  <TBODY>
  <TR>
    <TD style="PADDING-BOTTOM: 10px" align=middle colSpan=6><FONT face=黑體 
      size=4>薪資專案明細表</FONT></TD></TR></TBODY></TABLE>
<TABLE id=tblData style="BORDER-COLLAPSE: collapse" borderColor=#000000 
cellSpacing=0 cellPadding=5 width="95%" border=1>
  <TBODY>
  <TR vAlign=center align=middle>
    <TD noWrap>薪資等級</TD>
     
    <TD noWrap>基本工資</TD>
    
    <TD noWrap>考勤獎金</TD>
    
    <TD noWrap>考勤獎金扣減</TD>
    
    <TD noWrap>績效獎金</TD>
    
    <TD noWrap>績效調增</TD>
    
    <TD noWrap>績效調減</TD>
    
    <TD noWrap>計量津貼</TD>
    
    <TD noWrap>工資調增</TD>
    
    <TD noWrap>工資調減</TD>
    
    <TD noWrap>代扣專案</TD>
    
    </TR>
    
  <TR vAlign=center align=middle onMouseOut="this.style.background='';" onMouseOver="this.style.background='#EEE';">
    <TD noWrap>零級</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
  </TR>
  
  <TR vAlign=center align=middle onMouseOut="this.style.background='';" onMouseOver="this.style.background='#EEE';">
    <TD noWrap>一級</TD>
    
    <TD noWrap>1600.00</TD>
    
    <TD noWrap>1000.00</TD>
    
    <TD noWrap>100.00</TD>
    
    <TD noWrap>2400.00</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>500.00</TD>
    
    <TD noWrap>-</TD>
    
    <TD noWrap>500.00</TD>
    
  </TR>
  
</TBODY></TABLE></DIV>
<P></P></CENTER></BODY></HTML>

web前端——實現上傳圖片預覽功能

function previewImage(file) { var MAXWIDTH = 100; var MAXHEIGHT = 100; //var div = document.getElementById('preview'); if

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

FastReport 實現不預覽直接列印的寫法(FastReport4.6 和 FastReport2.4)

FastReport4.6 frxReport1.PrepareReport(); frxReport1.PrintOptions.ShowDialog := False； frxReport1.Print; FastReport2.4 frReport1.PrepareReport;

使用pageoffice實現預覽和列印

前置條件：需要一個word模板文件，需要輸入文字的地方使用書籤站位，書籤格式為PO_xxxx 1.引入pageoffice（jsp） <%@ page language="java"import="java.util.*,com.zhuozhengsoft.pageo

通過jsp實現word預覽與列印

前兩天做通過資料庫查詢資料，再將資料匯入已經存在的word模板。今天終於有點結果。在使用java向word中插入時，最主要的就是格式的控制。具體的方式就是poi和jacob，也許還有別的，但是我目前還沒有發現。在測試他們的時候，我發現老是出現格式轉化異常的問題。後來我換了

搞清Image加載事件(onload)、加載狀態(complete)後，實現圖片的本地預覽，並自適應於父元素內

斷圖 idt ont election href this 出現 alpha ole onload與complete介紹 complete只是HTMLImageElement對象的一個屬性，可以判斷圖片加載完成，不管圖片是不是有緩存；而onload則是這個Image對象的

java web通過openoffice實現文件網頁預覽（類似百度文庫）

　　最近研究了一下在網頁上預覽文件（包括office文件和txt、pdf），發現用openoffice+FlexPlayer實現比較理想，就參考了https://blog.csdn.net/ITBigGod/article/details/80300177#commentBox這個部落格自己研究了一下。原始碼

小程式如何實現多圖上傳、圖片預覽效果？（程式碼示例）

wxml程式碼： <view class="weui-uploader__hd"> <view class="weui-uploader__title">點選可預覽選好的圖片</view> <view class="weui-

基於“formData批量上傳的多種實現” 的多圖片預覽、上傳的多種實現 formData批量上傳的多種實現

　　前言　　圖片上傳是web專案常見的需求，我基於之前的部落格的程式碼（請戳：formData批量上傳的多種實現）裡的第三種方法實現多圖片的預覽、上傳，並且支援三種方式新增圖片到上傳列表：選擇圖片、複製貼上圖片、滑鼠拖拽圖片，同時支援從上傳列表中移除圖片（點選“X”號）　　　　效果演示　　選擇

java實現pdf上傳、下載、線上預覽、刪除、修改等功能

最近閒來無事，做了一個pdf的小功能，以供各位大神參考。下面是效果展示圖：功能主頁：點選上傳PDF按鈕：上傳檔案之後：線上預覽：開發環境：jdk_1.8 mysql_5.7開發工具：Eclipse navicat技

java+js PDF線上預覽與列印（支援中文）Demo

1.主要講一下思路，首先獲取字型檔案，將字型檔案載入，然後將PDF檔案按一定格式生成。在前臺顯示， 2.載入字型檔案時需要注意字型檔案的路徑 3.前臺顯示時pdf檔案的路徑為專案路徑加檔案路徑，這是我被卡的三點，應用了PDFObject.js外掛。我上傳到了百度雲連

Asp.net實現直接在瀏覽器預覽Word、Excel、PDF、Txt檔案（附原始碼）

publicstaticvoid Priview(System.Web.UI.Page p, string inFilePath, string outDirPath ="") { Microsoft.Office.Interop.Excel.Application excel =nul

.net 實現word、excel、ppt、pdf預覽功能

先說一下我的思路：word-->pdf-->swf-->顯示我是把word最終用flash 來顯示，所以要經過兩個步驟來轉化第一步 word轉pdf (其他文件一樣 1.引用微軟的office元件如上圖，當然你必須先安裝office2007或o

通過pdf.js、openoffice實現客戶端線上預覽

宣告：部分程式碼引用自網路部落格，因未收藏部落格，無法找到引用，請作者諒解。 1.環境：windows、linux，openoffice服務 2.思路：進行預覽時，將資料庫檔案存入臨時資料夾，通過openoffice將doc\xls\ppt轉為pdf，返回路徑。將伺服器絕對

基於Metronic的Bootstrap開發框架經驗總結（9）--實現Web頁面內容的打印預覽和保存操作

復制 metronic ports 分享 idt details func git 獲取在前面介紹了很多篇相關的《Bootstrap開發框架》的系列文章，這些內容基本上覆蓋到了我這個Bootstrap框架的各個主要方面的內容，總體來說基本達到了一個穩定的狀態，隨著時間的推

Android Camera2教程之開啟相機、開啟預覽、實現PreviewCallback、拍照

Android API 21新增了Camera2，這與之前的camera架構完全不同，使用起來也比較複雜，但是功能變得很強大。

在WinSrv 2016 Core模式下安裝Exchange Server 2019預覽版

x64 -i deb 掛載 tex RoCE rest 缺失 notepad 之前的Exchange Server很多版本大家都很熟知，但每次安裝Exchange Server都是必須安裝在具備GUI圖形化界面的Windows Server上的，很多人覺得Windows S

js實現視頻本地預覽，一級獲取播放時長

bubuko bject obj gef chan onchange eat 播放 ide <video style="display:none;" controls="controls" id="aa" oncanplaythrough="myFunction(

js實現移動端圖片預覽：手勢縮放，手勢拖動，雙擊放大...

在屏幕上 turn cit format 基礎上 set 邊距點擊點擊事件前言本文將介紹如何通過js實現移動端圖片預覽，包括圖片的預覽模式，手勢縮放，手勢拖動，雙擊放大等基本功能；

Web下實現列印、列印預覽、列印設定、匯出到Excel

相關推薦