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 相关文章推荐
推荐40款强大的 jQuery 导航插件和教程(上篇)
Sep 14 Javascript
js动态设置鼠标事件示例代码
Oct 30 Javascript
详解javascript函数的参数
Nov 10 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
Oct 10 Javascript
基于iscroll.js实现下拉刷新和上拉加载效果
Nov 28 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
详解vue组件基础
May 04 Javascript
vue项目,代码提交至码云,iconfont的用法说明
Jul 30 Javascript
原生js实现简单轮播图
Oct 26 Javascript
nuxt静态部署打包相对路径操作
Nov 06 Javascript
vue使用watch监听属性变化
Apr 30 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获取地址栏信息的代码
2008/10/08 PHP
Linux系统中设置多版本PHP共存配合Nginx服务器使用
2015/12/21 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
用jscript实现新建和保存一个word文档
2007/06/15 Javascript
javascript的键盘控制事件说明
2008/04/15 Javascript
百度留言本js 大家可以参考下
2009/10/13 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
jquery索引在使用中的一些困惑
2013/10/24 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
2013/12/11 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
Javascript中拼接大量字符串的方法
2015/02/05 Javascript
javascript实现Email邮件显示与删除功能
2015/11/21 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
纯JS实现轮播图
2017/02/22 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
微信小程序仿RadioGroup改变样式的处理方案
2018/07/13 Javascript
vue中轮训器的使用
2019/01/27 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
JS模拟实现京东快递单号查询
2020/11/30 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
python根据经纬度计算距离示例
2014/02/16 Python
python如何读写json数据
2018/03/21 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
Python根据当前日期取去年同星期日期
2019/04/14 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
荟萃全球保健品:维他购
2018/05/09 全球购物
岗位职责怎么写
2014/03/14 职场文书
2019年个人工作总结范文
2019/03/25 职场文书
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS
pytorch中的 .view()函数的用法介绍
2022/03/17 Python
openstack云计算keystone组件工作介绍
2022/04/20 Servers
vue实现简易音乐播放器
2022/08/14 Vue.js