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 30 Javascript
TextArea不支持maxlength的解决办法(jquery)
Sep 13 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
Flexigrid在IE下不显示数据的有效处理方法
Sep 04 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
vue.js,ajax渲染页面的实例
Feb 11 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
Oct 11 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 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报表之jpgraph柱状图实例代码
2011/08/22 PHP
在JS中最常看到切最容易迷惑的语法(转)
2010/10/29 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
2013/02/25 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
2016/04/26 Javascript
JS绘制微信小程序画布时钟
2016/12/24 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
详解利用 Express 托管静态文件的方法
2017/09/18 Javascript
angularjs 动态从后台获取下拉框的值方法
2018/08/13 Javascript
vue环形进度条组件实例应用
2018/10/10 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
2019/05/10 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
Python实现解析Bit Torrent种子文件内容的方法
2017/08/29 Python
numpy.random.seed()的使用实例解析
2018/02/03 Python
Python实现识别图片内容的方法分析
2018/07/11 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
2019/08/22 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
python实现学生成绩测评系统
2020/06/22 Python
关于python scrapy中添加cookie踩坑记录
2020/11/17 Python
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
美国领先的低折扣旅行网站:Hotwire
2019/01/19 全球购物
上海微创软件面试题
2012/06/14 面试题
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
八一建军节活动方案
2014/02/10 职场文书
年度献血先进个人事迹材料
2014/02/14 职场文书
个人工作违纪检讨书
2015/05/05 职场文书
大学生团日活动总结
2015/05/06 职场文书
社区结对共建协议书
2016/03/23 职场文书
市场营销计划书
2019/04/24 职场文书
导游词之无锡东林书院
2019/12/11 职场文书
利用python做数据拟合详情
2021/11/17 Python