2. 程式人生 > >前端js實現列印（匯出）excel表格

前端js實現列印（匯出）excel表格

阿新 • • 發佈：2019-01-09
//打印表格 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent; //ie if(explorer.indexOf("MSIE") >= 0) { return 'ie'; } //firefox else if(explorer.indexOf("Firefox"
) >= 0) { return 'Firefox'; } //Chrome else if(explorer.indexOf("Chrome") >= 0) { return 'Chrome'; } //Opera else if(explorer.indexOf("Opera") >= 0) { return 'Opera'; } //Safari
else if(explorer.indexOf("Safari") >= 0) { return 'Safari'; } } function method5(tableid) { if(getExplorer() == 'ie') { var curTbl = document.getElementById(tableid); var oXL = new ActiveXObject("Excel.Application"
); var oWB = oXL.Workbooks.Add(); var xlsheet = oWB.Worksheets(1); var sel = document.body.createTextRange(); sel.moveToElementText(curTbl); sel.select(); sel.execCommand("Copy"); xlsheet.Paste(); oXL.Visible = true; try { var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls"); } catch(e) { print("Nested catch caught " + e); } finally { oWB.SaveAs(fname); oWB.Close(savechanges = false); oXL.Quit(); oXL = null; idTmr = window.setInterval("Cleanup();", 1); } } else { tableToExcel(tableid) } } function Cleanup() { window.clearInterval(idTmr); CollectGarbage(); } var tableToExcel = (function() { var uri = 'data:application/vnd.ms-excel;base64,', template = '<html><head><meta charset="UTF-8"></head><body><table border="1">{table}</table></body></html>', base64 = function( s) { return window.btoa(unescape(encodeURIComponent(s))) }, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } return function(table, name) { if(!table.nodeType) table = document.getElementById(table) var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML } window.location.href = uri + base64(format(template, ctx)) } })()

相關推薦

前端js實現列印（匯出）excel表格

//打印表格 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent; //ie

用js實現圖片（小球）在屏幕上上下左右移動

tin doctype ctx eight doc itl 左右 idt ext <html> <head> <title>Document</title> </head> <body style

四次方程根式解+四次以上方程近似解的js實現程式碼（1）——複數類+複數常量+三角函式簡表

本人正在寫矩陣史詩級玩法系列部落格，寫到求二元二次方程組的地方來了，消元后最高會生成一元四次方程，而這個求根公式雖然成熟，但程式碼量也不少，所以單獨封裝成工具類。 本不打算講解的，但考慮到有的朋友可能沒接觸過複數，或者說雖然接觸過複數但已經忘得一乾二淨，那這裡我就簡單說一下

js實現瀏覽器table匯出為excel

2018年11月14日 20:58:38 空山新雨君 閱讀數：6 標籤： 前端 js

html 頁面實現列印（jqprint）

使用的一些問題： 出現Cannot read property ‘opera’ of undefined錯誤問題是juqery版本相容問題 解決方法：加入遷移輔助外掛jquery-migrate

前端js面試題（基礎）

1、js中使用typeof能得到哪些型別？——undefined、string、number、boolean、object、function2、===和==分別在何時使用？//==的使用情況為以下2種（其他情況下推薦使用===） if(obj.a == null){ //相

前端 JS基礎理論總結（六）

迴圈語句 通過迴圈語句可以反覆的執行一段程式碼多次 while迴圈 - 語法： while(條件表示式){ 語句... } while語句在執行時，先對條件表示式進行求值判斷，如果值為true，則執行迴圈體，迴圈體執行完畢以

前端 JS基礎理論總結（七）

定時器用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定時器的基本用法</title> <script t

前端 JS基礎理論總結（九）

閉包存迴圈的索引值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>閉包存迴圈的索引值</title> <sty

前端 JS基礎理論總結（八）

變數的作用域 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>變數的作用域</title> <script ty

使用PHPExcel實現資料批量匯出為excel表格的方法(必看)

/** * 批量匯出資料 * @param $arr 從資料庫查詢出來，即要匯出的資料 * $name excel表歌名 */ function expExcel($arr,$name){ //require

使用PHPExcel實現資料批量匯出為excel表格

首先需要下載PHPExecel類檔案，幫助文件可以參考PHPExcel中文幫助手冊|PHPExcel使用方法。 下面直接上例子，是我自己寫的一個簡單的批量匯出資料為excel的例子 前臺頁面 比較簡單，就是一個超連結，跳轉到處理頁面，超連結也可以跟一些引數（

前端流程實現方法（用戶選擇記錄完成記錄並支持server訪問更改）

tab 名稱 order 界面 main chan add img class 進行用戶選擇後記錄信息並完成記錄（關於寫入前端信息的詳細分析） chang_jw 將每個頁面的<a href…>告訴後端server, 按照做server的組員的要求進行更改

前端學習(十七）js數組（筆記）

步驟 獲取元素 數字 cat 鏈接 ever idt adr i++ 數組： 1. var arr=[1,2,3,4]; 2. var arr=new Array(1,2,3,4,5); 區別： 1.寫法不一樣，選擇第一種

前端學習(十八）js的json（筆記）

單獨 arguments class date 兼容ie turn tst clas .get json： 數組： 1.有序 var arr=[2,1,3,4] arr[0]; 2.有length

基於vue2.0實現仿百度前端分頁效果（二）

前言 上篇文章中，已經使用vue實現前端分頁效果，這篇文章我們單獨將分頁抽離出來實現一個分頁元件 先看實現效果圖 程式碼實現 按照慣例，我們在凍手實現的時候還是先想一想vue實現元件的思路 1、需要提前設定哪些引數需要暴露出來給父元件傳遞 <Paging

vue.js學習筆記（六）--利用v-model實現父子元件間的雙向通訊

部落格：https://fisher-zh.github.io/ 在Vue中，我們可以使用prop屬性來進行父子元件間的通訊，在之前的文章Vue踩坑之路–父子元件通訊總結中有介紹過。 但是prop 是單向繫結的，我們無法在元件中直接修改prop傳遞的屬性。

深入探究immutable.js的實現機制（一）

Immutable.js 採用了持久化資料結構和結構共享，保證每一個物件都是不可變的，任何新增、修改、刪除等操作都會生成一個新的物件，且通過結構共享等方式大幅提高效能。網上已經有很多文章簡單介紹了 Immutable.js 的原理，但基本都是淺嘗輒止，我也是搜了很久

js實現累加（閉包、柯里化）面試經驗分享

閉包 今天面試需要手寫一段程式碼實現 var a = sum(); a.add(1); a.add(2); a.add(3); a.add(4); a.getResult();//打印出10

ASP.NET MVC5+EF6+EasyUI 後臺管理系統（88）-Excel匯入和匯出-主從表結構匯出

前言 前面一篇詳細講解了匯入匯出，本節演示混合結構的匯出功能！同時提供程式碼下載.. 先看效果圖：這個一個混合的Excel，列表與自定義資訊的混合！ 　　我們的步驟大概分為以下幾步 1.模擬資料庫資料 2.建立工作簿 3.填充固定資料 4.合併單元格 5.處理動態資料