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 相关文章推荐
IE6下CSS图片缓存问题解决方法
Dec 09 Javascript
JavaScript中的细节分析
Jun 30 Javascript
javascript jq 弹出层实例
Aug 25 Javascript
JavaScript判断变量是否为undefined的两种写法区别
Dec 04 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
Feb 16 Javascript
AngularJS 2.0新特性有哪些
Feb 18 Javascript
前端设计师们最常用的JS代码汇总
Sep 25 Javascript
Vuex入门到上手教程
Jun 20 Javascript
关于vue表单提交防双/多击的例子
Oct 31 Javascript
js中关于Blob对象的介绍与使用
Nov 29 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 VS ASP
2006/10/09 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
js加强的经典分页实例
2013/03/15 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
node.js中的forEach()是同步还是异步呢
2015/01/29 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
es6+angular1.X+webpack 实现按路由功能打包项目的示例
2017/08/16 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
2020/11/10 Javascript
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
浅谈dataframe中更改列属性的方法
2018/07/10 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
解决Python运行文件出现out of memory框的问题
2018/12/03 Python
Python在图片中插入大量文字并且自动换行
2019/01/02 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
python小白切忌乱用表达式
2020/05/29 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
韩国家庭购物网上商店:Nsmall
2017/05/07 全球购物
室内设计专业个人的自我评价
2013/12/18 职场文书
幼儿园母亲节活动方案
2014/03/10 职场文书
《生命 生命》教学反思
2014/04/19 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
单位接收证明格式
2015/06/18 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书