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 相关文章推荐
Js callBack 返回前一页的js方法
Nov 30 Javascript
JavaScript NaN和Infinity特殊值 [译]
Sep 20 Javascript
js预加载图片方法汇总
Jun 15 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
基于jquery实现即时检查格式是否正确的表单
May 06 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 Javascript
layui点击弹框页面 表单请求的方法
Sep 21 Javascript
JS使用正则表达式判断输入框失去焦点事件
Oct 16 Javascript
vue实现移动端返回顶部
Oct 12 Javascript
vue3.0实现点击切换验证码(组件)及校验
Nov 18 Vue.js
element tree树形组件回显数据问题解决
Aug 14 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
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
PHP 读取和编写 XML
2014/11/19 PHP
JS获取dom 对象 ajax操作 读写cookie函数
2009/11/18 Javascript
JQuery小知识
2010/10/15 Javascript
js写一个弹出层并锁屏效果实现代码
2012/12/07 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
2015/12/26 Javascript
原生JS实现图片翻书效果
2017/02/16 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
2017/03/07 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
JS实现电商放大镜效果
2017/08/24 Javascript
JS实现简单表格排序操作示例
2017/10/07 Javascript
js断点调试心得分享(必看篇)
2017/12/08 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
JQuery特殊效果和链式调用操作示例
2019/05/13 jQuery
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
[47:38]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
简单介绍Python中的decode()方法的使用
2015/05/18 Python
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
Python如何获取文件路径/目录
2020/09/22 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
naturalizer加拿大官网:美国娜然女鞋
2017/04/04 全球购物
澳大利亚100%丝绸多彩度假装商店:TheSwankStore
2019/09/04 全球购物
写好自荐信的几个要点
2013/12/26 职场文书
班长演讲稿范文
2014/04/24 职场文书
建国大业观后感
2015/06/01 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
辞职信怎么写?你都知道吗?
2019/06/24 职场文书
把77A收信机改造成收音机
2022/04/05 无线电
box-shadow单边阴影的实现
2023/05/21 HTML / CSS