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代码
Sep 17 Javascript
JavaScript中null与undefined分析
Jul 25 Javascript
jQuery ajax 路由和过滤器使用说明
Aug 02 Javascript
UI Events 用户界面事件
Jun 27 Javascript
jQuery写的日历(包括日历的样式及功能)
Apr 23 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
Mar 04 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
基于ajax实现文件上传并显示进度条
Aug 03 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
Jan 04 Javascript
canvas实现图像截取功能
Feb 06 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
Dec 20 Javascript
微信小程序后端(java)开发流程的详细步骤
Nov 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
解析smarty 截取字符串函数 truncate的用法介绍
2013/06/20 PHP
关于crontab的使用详解
2013/06/24 PHP
php获取根域名方法汇总
2014/10/28 PHP
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
js 通过cookie实现刷新不变化树形菜单
2014/10/30 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
javascript实现检验的各种规则
2015/07/31 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
JS模拟按钮点击功能的方法
2015/12/22 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
最全面的JS倒计时代码
2016/09/17 Javascript
AngularJS中watch监听用法分析
2016/11/04 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
2018/04/22 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
2018/08/01 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
2019/06/26 Javascript
JavaScript计算正方形面积
2019/11/26 Javascript
Python装饰器入门学习教程(九步学习)
2016/01/28 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/27 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
html5 datalist标签使用示例(自动完成组件)
2014/05/04 HTML / CSS
opencv实现图像几何变换
2021/03/24 Python
软件项目开发计划书
2014/05/01 职场文书
幼儿教师师德承诺书
2014/05/23 职场文书
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript