随笔-95  评论-31  文章-10  trackbacks-0
网上流传了大量大量的如何导出,结果都不太实用。
网上流传通用的js导出word代码如下:
     function method1(){
      var oWD = new ActiveXObject("Word.Application"); 
      oWD.WindowState = 2; 
      var oDC = oWD.Documents.Add("",0,1); 
      var oRange =oDC.Range(0,1); 
      var sel = document.body.createTextRange(); 
      sel.moveToElementText(huahai);  //里面参数为div的id或者form的id或者table的id或者...表示将此范围内输出word
      sel.select(); 
      sel.execCommand("Copy"); 
      oRange.Paste(); 
      oWD.Application.Visible = true; 
      }
<body>
<div id="huahai">
</div>
</body>
<input type="button" onclick="javascript:method1();" value="导出为WORD">
以上方法可导出任意jsp(包括图片)但是除了以下内容:
凡是让用户输入带有<input>或者<textarea>等等等标签输入框地方就不能导出成word了。
比如一个table(如下所示),如果使用上述办法就不能导出。
如果去掉<input>标签那么就可以导出,但是问题就是我就是要全部导出.......
<table id="table1">
<tr>
<td>姓名</td><td><input type="text" size="5"></td>
<td>年龄</td><td><input type="text" size="5"></td>
</tr>
<table>
解决办法:
下面给出一个JSP,里面包含div、form、table、image、以及各种<input>标签导出为word
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<form action="" id="huahai" >
  <div align="center">
   <div align="center" id="div_content">
    <h2>
     <font color="red">测试导出word</font>
    </h2>
    <h4>
     <font color="red">测试导出word</font>
    </h4>
    </div>
<table id="table1">
<tr>
<td>姓名</td><td><input type="text" size="5"></td>
<td>年龄</td><td><input type="text" size="5"></td>
</tr>
<table>
<div id="img">
    <hr/>
    <img src="MM.jpg" height="45%" width="30%">
    </br>
</div>
 <div id="text_area">
    <textarea name="warn_task" wrap="off" cols="80" rows="12">区域内容:</textarea>
    </textarea>
    <hr />
</div>
<input type="button" onclick="javascript:test();" value="测试">
</div>
 </form>
</body>
</html>
下面给出js代码(加入<head>标签之间):
<script type="text/javascript">
   var oWD = new ActiveXObject("Word.Application");
   var oDC = oWD.Documents.Add("",0,1);
   var oRange =oDC.Range(0,1);
function word(id,way){
   var sel = document.body.createTextRange();
   sel.moveToElementText(id);
   sel.select();
   sel.execCommand(way);
   oRange.Paste();
}

function test(){
   var table=document.getElementById('table1');
   var table_cells = table.rows[0].cells;
   var form_elements = document.getElementById('huahai');
   word(div_content,'Copy'); //调用word函数,将div_content范围内容拷贝到word里面。
   for(i=0;i<table_cells.length;i++){
       oRange =oDC.Range(oRange.End-1,oRange.End); //设定位置依次由上往下、从左往右
       var sel = document.body.createTextRange();
       sel.moveToElementText(table_cells[i]); //将单元格内容复制到word
       sel.select();
       sel.execCommand("Copy");
       sel.moveEnd('character');  //不加这句导出不了,里面参数为character、不是copy
       oRange.Paste();
       oRange =oDC.Range(oRange.End-1,oRange.End);
   }
    oRange =oDC.Range(oRange.End-1,oRange.End); //复制不同的东西,需要写这句继续 写死的这句话就是位置
    var img = document.getElementById('img');
    word(img,'Copy');//将img范围内容拷贝到word里面。
    oRange =oDC.Range(oRange.End-1,oRange.End);
    var text_area = document.getElementById('text_area');
    word(text_area,'Copy');//将text_area范围内容拷贝到word里面。
    oRange =oDC.Range(oRange.End-1,oRange.End);
    oWD.Application.Visible = true; //这句意思是所有操作完毕后,在显示出来,如果写在里面,会发现word打开后,什么标签啊、内容啊就跟打字机一样往里面填
}
</script>
 
最后补充:IE工具设置,安全--启动-对没有标记为安全的Activex的控件进行初始化和脚本运行
posted on 2010-01-18 13:04 朔望魔刃 阅读(6099) 评论(2)  编辑  收藏 所属分类: JavaScript

评论:
# re: jsp通过js按钮导出word小结 2013-11-11 23:12 | xzvc
xvzv  回复  更多评论
  
# re: jsp通过js按钮导出word小结 2016-05-17 08:44 | q
下达  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: