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 相关文章推荐
浅析hasOwnProperty方法的应用
Nov 20 Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
深入剖析JavaScript面向对象编程
Jul 12 Javascript
JS正则表达式修饰符global(/g)用法分析
Dec 27 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
Jan 18 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
Feb 05 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
js计算两个日期间的天数月的实例代码
Sep 20 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 Javascript
JS如何生成动态列表
Sep 22 Javascript
原生微信小程序开发中 redux 的使用详解
Feb 18 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 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
PHP容易被忽略而出错陷阱 数字与字符串比较
2011/11/10 PHP
PHP持久连接mysql_pconnect()函数使用介绍
2012/02/05 PHP
PHP基础知识介绍
2013/09/17 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
php比较相似字符串的方法
2015/06/05 PHP
解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法
2015/10/23 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
php生出随机字符串
2017/07/06 PHP
PHP实现可精确验证身份证号码的工具类示例
2018/05/31 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
2017/10/26 Javascript
vue获取dom元素注意事项
2017/12/28 Javascript
jQuery+Datatables实现表格批量删除功能【推荐】
2018/10/24 jQuery
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
关于uniApp editor微信滑动问题
2021/01/15 Javascript
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
轻松实现python搭建微信公众平台
2016/02/16 Python
python解析基于xml格式的日志文件
2017/02/25 Python
详解python单元测试框架unittest
2018/07/02 Python
python3的输入方式及多组输入方法
2018/10/17 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
PyQt5 QDockWidget控件应用详解
2020/08/12 Python
关于python中导入文件到list的问题
2020/10/31 Python
html5 viewport使用方法示例详解
2013/12/02 HTML / CSS
Anya Hindmarch官网:奢侈设计师手袋及配饰
2018/11/15 全球购物
管理科学大学生求职信
2013/11/13 职场文书
酒店管理求职信
2014/06/09 职场文书
初中政治教学反思
2016/02/23 职场文书
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis