Web下實現列印、列印預覽、列印設定、匯出到Excel
常用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實現移動端圖片預覽,包括圖片的 預覽模式,手勢縮放,手勢拖動,雙擊放大等基本功能;