js将table下载word

<script type="text/javascript" charset="utf-8" src="js/jquery.min.js" ></script>
<script type="text/javascript" charset="utf-8" src="js/FileSaver.js" ></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.wordexport.js" ></script>

引入jquery.wordexport.js，FileSaver.js插件

//普通人才数据加载
function loaddata(objs) {
    var datas=objs;
    var list = '';//列表
    var fragment = document.getElementById("rongqi");//定位到容器标签
    for(var i=0;i<datas.length;i++){
        list= document.createElement('div');//创建标签
        list.setAttribute("class","dayinbiao");
        //textarea原样输出
        var work_jingli=datas[i].jingli;
        //var reg=new RegExp("<br>","g");
        // work_jingli= work_jingli.replace(reg,"\r\n");
        work_jingli= work_jingli.replace(/\n|\r|(\r\n)|(\u0085)|(\u2028)|(\u2029)/g,"<br>");
        //添加内容,设置属性
        //'<tr><td>工作经历<span style="font-size: 0.6em;">(详细填写)</span></td><td colspan="7" ><div id="printDIV" style="width: 100%;border-color:white;border:none;" class="textarea_a" readonly="readonly">'+work_jingli+'</div></td></tr>' +
        list.innerHTML='<!--startprint--><table border="1" align="center" cellspacing="0px" style="margin-top: 10px;width: 100%;height: 90%;text-align: center;"><caption style="font-size: 2em;">普通人才信息表</caption>' +
            '<tr><td>姓名</td><td >'+datas[i].name+'</td><td>身份证号</td><td colspan="5">'+datas[i].shenfenzheng+'</td></tr>' +
            '<tr><td>性别</td><td>'+datas[i].sex+'</td><td>出生日期</td><td>'+datas[i].birth+'</td><td>年龄</td><td>'+datas[i].age+'</td><td>民族</td><td>'+datas[i].minzu+'</td></tr>' +
            '<tr><td>婚姻状况</td><td>'+datas[i].hunyin+'</td><td>健康状况</td><td>'+datas[i].health+'</td><td>政治面貌</td><td>'+datas[i].political+'</td><td>身高</td><td>'+datas[i].height+'</td></tr>' +
            '<tr><td>毕业学校</td><td colspan="3">'+datas[i].school+'</td><td>所学专业</td><td colspan="3">'+datas[i].zuanye+'</td></tr>' +
            '<tr><td>籍贯</td><td colspan="3">'+datas[i].jiguan+'</td><td>毕业时间</td><td>'+datas[i].biye_time+'</td><td>学历</td><td>'+datas[i].xueli+'</td></tr>' +
            '<tr><td>联系</td><td>通讯地址</td><td colspan="3">'+datas[i].tongxun_dizhi+'</td><td>邮编</td><td colspan="2">'+datas[i].youbian+'</td></tr>' +
            '<tr><td>方式</td><td>手机号码</td><td colspan="3">'+datas[i].phone+'</td><td>宅电</td><td colspan="2">'+datas[i].home_phone+'</td></tr>' +
            '<tr><td>特长</td><td colspan="3">'+datas[i].techang+'</td><td>所获证书</td><td colspan="3">'+datas[i].zhengshu+'</td></tr>' +
            '<tr><td colspan="2">应聘岗位一</td><td colspan="2">'+datas[i].job1+'</td><td colspan="2">应聘岗位二</td><td colspan="2">'+datas[i].job2+'</td></tr>' +
            '<tr><td>应聘要求</td><td colspan="7">'+datas[i].yaoqiu+'</td></tr>' +
            '<tr><td>工作经历<span style="font-size: 0.6em;">(详细填写)</span></td><td colspan="7" ><div style="text-align:left;width:100%;height:100%;" id="printDIV">'+work_jingli+'</div></td></tr>' +
            '<tr><td>备注</td><td colspan="7">'+datas[i].beizhu+'</td></tr>' +
            '<tr><td>日期</td><td colspan="7">'+datas[i].dengji_time+'</td></tr></table><!--endprint-->'+
            '<div style="text-align: center"><button class="form1_dayin" style="width: 200px;height: 40px;margin-top: 10px;">打印</button><button class="form1_xiazai" style="width: 200px;height: 40px;margin-top: 10px;margin-left: 10px;">下载</button></div>';
        //添加子元素
        fragment.appendChild(list);

    }
}

//普通word下载
$(document).on('click',".form1_xiazai",function (e) {
    $(this).parent().hide();
    var bdhtml=$(this).parents('.dayinbiao');
    $(bdhtml).wordExport();
    $(this).parent().show();
})

猜你喜欢