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 相关文章推荐
超棒的javascript页面顶部卷动广告效果
Dec 01 Javascript
js 实现的可折叠留言板(附源码下载)
Jul 01 Javascript
JavaScript数组各种常见用法实例分析
Aug 04 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
jQuery实现的跨容器无缝拖动效果代码
Jun 21 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
Oct 10 Javascript
javaScript中定义类或对象的五种方式总结
Dec 04 Javascript
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
微信小程序实现列表的横向滑动方式
Jul 15 Javascript
three.js着色器材质的内置变量示例详解
Aug 16 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
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
php操作xml入门之xml基本介绍及xml标签元素
2015/01/23 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
Javascript的并行运算实现代码
2010/11/19 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
学习JavaScript设计模式(多态)
2015/11/25 Javascript
vue2.0实现导航菜单切换效果
2017/05/08 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
微信小程序实现选项卡功能
2020/06/19 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python实现从字典中删除元素的方法
2015/05/04 Python
python中使用xlrd读excel使用xlwt写excel的实例代码
2018/01/31 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
修改python plot折线图的坐标轴刻度方法
2018/12/13 Python
Python-while 计算100以内奇数和的方法
2019/06/11 Python
python中not、and和or的优先级与详细用法介绍
2020/11/03 Python
总结html5自定义属性有哪些
2020/04/01 HTML / CSS
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
免税水晶:Duty Free Crystal
2019/05/13 全球购物
公司培训欢迎词
2014/01/10 职场文书
简历的自我评价范文
2014/02/04 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
家具商场的活动方案
2014/08/16 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
工作自我评价范文
2015/03/05 职场文书
求职导师推荐信范文
2015/03/27 职场文书
2015年机关党建工作总结
2015/05/22 职场文书
apache基于端口创建虚拟主机的示例
2021/04/22 Servers
最新最全的手机号验证正则表达式
2022/02/24 Javascript
MySQL添加索引特点及优化问题
2022/07/23 MySQL