js的导出Excel,Word,pdf的实现以及服务器端生成pdf的实现

这篇博客介绍了如何使用JavaScript实现Excel和Word的导出,以及利用HTML和CSS转换为PDF的方法。在JavaScript中,通过创建ActiveXObject实现表格数据的Excel导出,但存在列宽不可控和浏览器兼容性问题。对于Word导出,使用了类似的文本范围选择和复制方法。此外,文章还探讨了服务器端生成PDF的方案,如iText和JasperReport,最终推荐了支持CSS的flying sauser库,它允许通过HTML和CSS生成PDF,简化了整个流程。
摘要由CSDN通过智能技术生成
 

今天无意找到了很久前的js导出excel功能,用了一下感觉不错,在网上看很多人做js导出excel,可是对表格线的导出excel总是头疼,我这里有一个简单的导出js,大家可以看看。
       这只是一个简单demo:

Html代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>测试导出Excel功能</title> 
<script language=javascript>  
function preview() {   
 window.clipboardData.setData("Text",document.all('table2').outerHTML);  
 //下面这行代码,最后一列的查看数据也会导出到Excel文件中
 //window.clipboardData.setData("Text",document.all('table1').outerHTML);  
 try {  
  var ExApp = new ActiveXObject("Excel.Application")  
  var ExWBk = ExApp.workbooks.add()  
  var ExWSh = ExWBk.worksheets(1)  
  ExApp.DisplayAlerts = false 
  ExApp.visible = true 
 } catch(e) {  
  alert("您的电脑没有安装Microsoft Excel软件!")  
  return false 
 }   
 ExWBk.worksheets(1).Paste;   
 }  
</script>

<body> 
<table id="table1" width="90%" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td width="6%" height="27" align="center">序号</td> 
    <td width="10%" align="center">时间</td> 
    <td width="20%" align="center">单位</td> 
    <td width="18%" align="center">项目</td> 
    <td width="10%" align="center">结果等级</td> 
    <td width="10%" align="center">检查机关</td> 
    <td width="8%" align="center">记录人</td> 
    <td width="12%" align="center">记录时间</td> 
    <td width="6%" align="center">查看</td> 
  </tr> 
  <tr> 
    <td height="21" align="center">1</td> 
    <td align="center">1980-02-02</td> 
    <td align="center">武警总队</td> 
    <td align="center">安全用电检查</td> 
    <td align="center">2222222</td> 
    <td align="center">总部</td> 
    <td align="center">主席</td> 
    <td align="center">1980-02-02</td> 
    <td align="center"><a href="aqChakanShow.html">查看</a></td> 
  </tr> 
  <tr> 
    <td height="21" align="center">2</td> 
    <td align="center">1980-02-02</td> 
    <td align="center">武警总队</td> 
    <td align="center">安全用电检查</td> 
    <td align="center">2222222</td> 
    <td align="center">总部</td> 
    <td align="center">总理</td> 
    <td align="center">1980-02-02</td> 
    <td align="center"><a href="aqChakanShow.html">查看</a></td> 
  </tr> 
</table> 
<table id="table2" width="90%" border="0" align="center" cellpadding="0" cellspacing="0" style='visibility:hidden;'> 
  <tr> 
    <td width="6%" height="27" align="center">序号</td> 
    <td width="10%" align="center">时间</td> 
    <td width="20%" align="center">单位</td> 
    <td width="18%" align="center">项目</td> 
    <td width="10%" align="center">结果等级</td> 
    <td width="10%" align="center">检查机关</td> 
    <td width="8%" align="center">记录人</td> 
    <td width="12%" align="center">记录时间</td> 
  </tr> 
  <tr> 
    <td height="21" align="center">1</td> 
    <td align="center">1980-02-02</td> 
    <td align="center">武警总队</td> 
    <td align="center">安全用电检查</td> 
    <td align="center">2222222</td> 
    <td align="center">总部</td> 
    <td align="center">主席</td> 
    <td align="center">1980-02-02</td> 
  </tr> 
  <tr> 
    <td height="21" align="center">2</td> 
    <td align="center">1980-02-02</td> 
    <td align="center">武警总队</td> 
    <td align="center&#

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值