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 相关文章推荐
document.getElementById为空或不是对象的解决方法
Jan 24 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
jQuery中removeData()方法用法实例
Dec 27 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
Nov 13 Javascript
javascript匀速运动实现方法分析
Jan 08 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
js实现京东轮播图效果
Jun 30 Javascript
在Vue中获取组件声明时的name属性方法
Sep 12 Javascript
js实现图片无缝循环轮播
Oct 28 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 05 Javascript
Vue深入理解插槽slot的使用
Aug 05 Vue.js
使用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程序的国际化实现方法(利用gettext)
2011/08/14 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
php生成高清缩略图实例详解
2015/12/07 PHP
php中用unset销毁变量并释放内存
2020/05/10 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
用JS实现3D球状标签云示例代码
2013/12/01 Javascript
浅谈js中的闭包
2015/03/16 Javascript
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
react native 获取地理位置的方法示例
2018/08/28 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
2019/04/25 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
Python操作列表的常用方法分享
2014/02/13 Python
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
python3实现UDP协议的服务器和客户端
2017/06/14 Python
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
Python之list对应元素求和的方法
2018/06/28 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
pymysql模块的操作实例
2019/12/17 Python
python GUI库图形界面开发之PyQt5滑块条控件QSlider详细使用方法与实例
2020/02/28 Python
更新升级python和pip版本后不生效的问题解决
2020/04/17 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
美国一家专业的太阳镜网上零售商:Solstice太阳镜
2016/07/25 全球购物
留学自荐信的技巧
2013/10/17 职场文书
门卫管理制度范本
2015/08/05 职场文书
高中美术教学反思
2016/02/17 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
Java实现HTML转为Word的示例代码
2022/06/28 Java/Android