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 拖动表格行实现代码
May 05 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
Oct 26 Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
Nov 10 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
全面理解JavaScript中的闭包
May 12 Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
Jun 21 Javascript
简单实现js拖拽效果
Jul 25 Javascript
Vue.js实现数据响应的方法
Aug 13 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
如何为vue的项目添加单元测试
Dec 19 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中用正则表达式清除字符串的空白
2011/01/17 PHP
php中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
php防止用户重复提交表单
2015/11/02 PHP
浅析document.ready和window.onload的区别讲解
2013/12/18 Javascript
JsRender for object语法简介
2014/10/31 Javascript
深入分析下javascript中的[]()+!
2015/07/07 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
2016/06/12 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
jQuery读取本地的json文件(实例讲解)
2017/10/31 jQuery
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
Node.js Buffer模块功能及常用方法实例分析
2019/01/05 Javascript
详解JavaScript 的变量
2019/03/08 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
简单上手Python中装饰器的使用
2015/07/12 Python
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
Django自定义manage命令实例代码
2018/02/11 Python
使用python实现语音文件的特征提取方法
2019/01/09 Python
Python numpy中矩阵的基本用法汇总
2019/02/12 Python
用python解压分析jar包实例
2020/01/16 Python
Html5之自定义属性(data-,dataset)
2019/11/19 HTML / CSS
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
求职信写作要突出重点
2014/01/01 职场文书
初中生自我评价
2014/02/01 职场文书
关于运动会的广播稿
2014/09/22 职场文书
党员批评与自我批评材料
2014/10/14 职场文书
群众路线教育实践活动总结
2014/10/30 职场文书
先进人物事迹材料
2014/12/29 职场文书
公司市场部岗位职责
2015/04/15 职场文书
课改心得体会范文
2016/01/25 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python
python中的None与NULL用法说明
2021/05/25 Python