ie浏览器使用js导出网页到excel并打印


Posted in Javascript onMarch 11, 2014

在一些要求不是很高的小项目中,可以使用一些虽不是通用且不是新技术但是确实可以很好实现功能的技术来实现这些功能。这样系统不是显示的很复杂,且可以方便维护。 
新建一个exportPrint.html页面,里面的代码如下所示,就可以实现导出到Excel和打印网页。

<html>
 <head>
  <title>IE浏览器使用JS技术导出到Excel和打印</title>
  <style>
   .table_stat {
    border-right:0px;
    border-bottom:0px;
    border-left:1px solid #819BD8;
    border-top:1px solid #819BD8;
   }
   .td_stat {
    border-right:1px solid #819BD8;
    border-bottom:1px solid #819BD8;
   }
  </style>
 </head>
 <body>
  <object classid="CLSID:8856F961-340A-11DO-A96B-00C04FD705A2" height="0" id="WebBrowser" width="0"></object>
  <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="text-align: center;" class="table_stat">
   <tr>
    <td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="2">
     用户信息
    </td>
   </tr>
   <tr>
    <td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="1">
     姓名
    </td>
    <td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="1">
     张三
    </td>
   </tr>   <tr>
    <td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="2">
     <input type="button" id="export" value="导出" onclick="javascript:exportToExcel();" >
     <input type="button" id="print" value="打印" onclick="javascript:print();" >
    </td>
   </tr>
  </table>
 </body>
</html>

<script type="text/javaScript">
 //导出到Excel
 function exportToExcel() {
  if(document.getElementById("title")) {
   try {
    var oRangeRef = document.body.createTextRange();
    oRangeRef.execCommand("Copy");
    var appExcel = new ActiveXObject("Excel.Application");
    appExcel.visible = true;
    appExcel.Workbooks.Add().WorkSheets.Item(1).Paste();
   } catch(e) {
    alert("出错啦!可能是浏览器或者是数据量太大咯哦!");
    return;
   }
   appExcel = null;
   oRangeRef = null;
  }
 }
 //打印
 function print() {
  if(document.getElementById("title")) {
   var export = document.getElementById("export");
   var print = document.getElementById("print");
   try {
    export.style.display = "none";
    print.style.display = "none";
    document.all.WebBrowser.ExecWB(6,1);
   } catch(e) {
    alert("出错啦!可能是浏览器或者是数据量太大咯哦!");
    return;
   }
   export.style.display = "";
   print.style.display = "";
  }
 }
</script>
Javascript 相关文章推荐
读jQuery之八 包装事件对象
Jun 21 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 Javascript
使用Raygun对Node.js应用进行错误处理的方法
Jun 23 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
Sep 27 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
Feb 12 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
微信小程序动态添加分享数据
Jun 14 Javascript
详解vue中组件参数
Jul 09 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
Jul 31 Javascript
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 #Javascript
JS对文本框值的判断示例
Mar 10 #Javascript
防止按钮在短时间内被多次点击的方法
Mar 10 #Javascript
JS操作CSS随机改变网页背景实现思路
Mar 10 #Javascript
jquery插件开发之实现jquery手风琴功能分享
Mar 10 #Javascript
文本域光标操作的jQuery扩展分享
Mar 10 #Javascript
jquery插件开发之实现google+圈子选择功能
Mar 10 #Javascript
You might like
php 获取select下拉列表框的值
2010/05/08 PHP
PHP生成excel时单元格内换行问题的解决方法
2010/08/26 PHP
使用PHP+MySql实现微信投票功能实例代码
2017/09/29 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
javascript 自定义事件初探
2009/08/21 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
2015/03/05 Javascript
JavaScript中实现map功能代码分享
2015/06/11 Javascript
javascript实现点击提交按钮后显示loading的方法
2015/07/03 Javascript
JS实现的幻灯片切换显示效果
2016/09/07 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
2017/09/19 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
2019/02/18 jQuery
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
记一次用ts+vuecli4重构项目的实现
2020/05/21 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
[14:03]2017DOTA2亚洲邀请赛开幕式:12神兵演绎水墨中华
2017/04/01 DOTA
python正则表达式re模块详解
2014/06/25 Python
跟老齐学Python之深入变量和引用对象
2014/09/24 Python
破解安装Pycharm的方法
2018/10/19 Python
解决PyCharm的Python.exe已经停止工作的问题
2018/11/29 Python
利用selenium爬虫抓取数据的基础教程
2019/06/10 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
Python之Matplotlib文字与注释的使用方法
2020/06/18 Python
html5+css3之CSS中的布局与Header的实现
2014/11/21 HTML / CSS
CSS3 边框效果
2019/11/04 HTML / CSS
法学毕业生自我鉴定
2013/11/08 职场文书
幼儿园元旦家长感言
2014/02/27 职场文书
捐书活动总结
2014/05/04 职场文书
2014年后勤工作总结
2014/11/18 职场文书
介绍长城的导游词
2015/01/30 职场文书
作弊检讨书范文
2015/05/06 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
周末问候语大全
2015/11/10 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js