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不同页面传值的改进版
Sep 30 Javascript
通用JS事件写法实现代码
Jan 07 Javascript
详细讲解JS节点知识
Jan 31 Javascript
用js实现的自定义的对话框的实现代码
Mar 21 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
js中开关变量使用实例
Feb 24 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
Sep 14 Javascript
vue安装遇到的5个报错及解决方法
Jun 12 Javascript
swiperjs实现导航与tab页的联动
Dec 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
咖啡的化学
2021/03/03 咖啡文化
详解:――如何将图片储存在数据库里
2006/12/05 PHP
php创建sprite
2014/02/11 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
php生成RSS订阅的方法
2015/02/13 PHP
PHP使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
PHP实现文字写入图片功能
2019/02/18 PHP
JavaScript 比较时间大小的代码
2010/04/24 Javascript
jquer之ajaxQueue简单实现代码
2011/09/15 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
原生JavaScript制作微博发布面板效果
2016/03/11 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
js实现内置计时器
2019/12/16 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
python图像处理之镜像实现方法
2015/05/30 Python
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
Python的Flask框架中配置多个子域名的方法讲解
2016/06/07 Python
Python 2与Python 3版本和编码的对比
2017/02/14 Python
使用Python对Csv文件操作实例代码
2017/05/12 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
基于python实现模拟数据结构模型
2020/06/12 Python
详解python程序中的多任务
2020/09/16 Python
HTML5 CSS3给网站设计带来出色效果
2009/07/16 HTML / CSS
会计与审计专业大专生求职信
2013/10/03 职场文书
感谢信的格式
2015/01/21 职场文书
2015年校务公开工作总结
2015/05/26 职场文书
党员反四风学习心得体会
2016/01/22 职场文书