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 相关文章推荐
网上应用的一个不错common.js脚本
Aug 08 Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 Javascript
js 可拖动列表实现代码
Dec 13 Javascript
jquery prop的使用介绍及与attr的区别
Dec 19 Javascript
在Node.js应用中使用Redis的方法简介
Jun 24 Javascript
Javascript基础之数组的使用
May 13 Javascript
Node.js  事件循环详解及实例
Aug 06 Javascript
原生JS实现动态添加新元素、删除元素方法
May 05 Javascript
13 个npm 快速开发技巧(推荐)
Jul 04 Javascript
JS document对象简单用法完整示例
Jan 14 Javascript
node事件循环和process模块实例分析
Feb 14 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 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中ob_start函数的使用说明
2013/11/11 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
javascript实现的在当前窗口中漂浮框的代码
2010/03/15 Javascript
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
jquery插件validate验证的小例子
2013/05/08 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
JQuery控制radio选中和不选中方法总结
2015/04/15 Javascript
js实现网页定位导航功能
2017/03/07 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
使用vue制作探探滑动堆叠组件的实例代码
2018/03/07 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
JS监听事件的叠加和移除功能
2018/11/19 Javascript
VUE实现自身整体组件销毁的示例代码
2020/01/13 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
2020/10/27 Javascript
[31:29]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第一场 12.20
2020/12/23 DOTA
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
pytorch索引查找 index_select的例子
2019/08/18 Python
详解Python3 pandas.merge用法
2019/09/05 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
高级文秘工作总结的自我评价
2013/09/28 职场文书
数控专业个人求职信范例
2013/11/29 职场文书
宣传标语大全
2014/07/01 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
2014年政协委员工作总结
2014/12/01 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL
Windows11 Insider Preview Build 25206今日发布 更新内容汇总
2022/09/23 数码科技