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 相关文章推荐
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
jquery自动将form表单封装成json的具体实现
Mar 17 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
Feb 12 Javascript
五步轻松实现JavaScript HTML时钟效果
Mar 25 Javascript
基于Bootstrap实现城市三级联动
Nov 23 Javascript
关于JavaScript语句后面的分号问题
Dec 07 Javascript
微信小程序网络封装(简单高效)
Aug 06 Javascript
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
js实现拖拽与碰撞检测
Sep 18 Javascript
JS Canvas接口和动画效果大全
Apr 29 Javascript
vue动态绑定style样式
Apr 20 Vue.js
使用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/02/03 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
php表单提交与$_POST实例分析
2015/01/26 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
PHP基于反射机制实现插件的可插拔设计详解
2016/11/10 PHP
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
2016/03/31 Javascript
原生js获取元素样式的简单方法
2016/08/06 Javascript
Javascript仿京东放大镜的效果
2017/03/01 Javascript
zTree树形插件异步加载方法详解
2017/06/14 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
Vue框架里使用Swiper的方法示例
2018/09/20 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
Python实现读取目录所有文件的文件名并保存到txt文件代码
2014/11/22 Python
Django imgareaselect手动剪切头像实现方法
2015/05/26 Python
Python实现的递归神经网络简单示例
2017/08/11 Python
python实现年会抽奖程序
2019/01/22 Python
python程序控制NAO机器人行走
2019/04/29 Python
python小项目之五子棋游戏
2019/12/26 Python
tensorboard 可以显示graph,却不能显示scalar的解决方式
2020/02/15 Python
python 错误处理 assert详解
2020/04/20 Python
HTML5教程之html 5 本地数据库(Web Sql Database)
2014/04/03 HTML / CSS
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
Java如何支持I18N?
2016/10/31 面试题
英文自荐信
2013/12/15 职场文书
酒店总经理助理职责
2014/02/12 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
研究生导师推荐信
2015/03/25 职场文书
大学学生会辞职信
2015/05/13 职场文书
python 如何将两个实数矩阵合并为一个复数矩阵
2021/05/19 Python
mysql insert 存在即不插入语法说明
2022/03/25 MySQL