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 querySelector和getElementById通过id获取元素的区别
Apr 20 Javascript
js实现精美的银灰色竖排折叠菜单
May 16 Javascript
学习JavaScript设计模式(继承)
Nov 26 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
Dec 30 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
原生JS实现幻灯片
Feb 22 Javascript
Vue.2.0.5过渡效果使用技巧
Mar 16 Javascript
react native带索引的城市列表组件的实例代码
Aug 08 Javascript
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
Oct 21 Javascript
React组件refs的使用详解
Feb 09 Javascript
封装微信小程序http拦截器过程解析
Aug 13 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入门源程序
2006/10/09 PHP
使用php重新实现PHP脚本引擎内置函数
2007/03/06 PHP
Memcache 在PHP中的使用技巧
2010/02/08 PHP
PHP 获取文件权限函数介绍
2013/07/11 PHP
php目录操作实例代码
2014/02/21 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
浅谈php处理后端&amp;接口访问超时的解决方法
2016/10/29 PHP
图片自动缩小 点击放大
2008/07/07 Javascript
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
让ie6也支持websocket采用flash封装实现
2013/02/18 Javascript
使用typeof方法判断undefined类型
2014/09/09 Javascript
微信小程序 request接口的封装实例代码
2017/04/26 Javascript
jQuery实现web页面樱花坠落的特效
2017/06/01 jQuery
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
2019/11/06 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
django框架如何集成celery进行开发
2017/05/24 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
Python中文件的写入读取以及附加文字方法
2019/01/23 Python
python简单区块链模拟详解
2019/07/03 Python
Python动态声明变量赋值代码实例
2019/12/30 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
教师实习自我鉴定
2013/12/18 职场文书
新浪微博实习心得体会
2014/01/27 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
少先队活动总结
2014/08/29 职场文书
芙蓉镇观后感
2015/06/10 职场文书
如何写好活动总结
2019/06/21 职场文书