导出网页特定部分为word

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>导出word</title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="js/FileSaver.js"></script>
    <script src="js/jquery.wordexport.js"></script>
</head>
<body>
    <h4>FileSaver.js和jquery.wordexport.js下载可访问https://pan.baidu.com/s/1nvGHowT</h4>
    <button οnclick="wordOut();">导出</button>
    <div id="word">
        <table>
            <!--====================================第1页=========================================-->
            <tr style="width:14.6cm;height:24.6cm;" id="1F">
                <td valign="top">
                    <table style="width:100%;">
                        <!--顶栏-->
                        <tr style="height:1cm;">
                            <td style="width:7.3cm;">
                                <span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
                            </td>
                            <td style="width:7.3cm;text-align:right">
                                <span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>

                            </td>
                        </tr>
                        <!--中栏-->
                        <tr>
                            <td colspan="2" style="height:21cm;width:100%;">
                                <table style="width:100%;">
                                    <tr>
                                        <td style="width:14.6cm; height:1.5cm;text-align:center;">
                                            <span class="expReportRoadname cc_edittext" style="font-size:40px;font-weight:bold;font-family:'Microsoft YaHei'">路名</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width:14.6cm; height:1cm;text-align:center;">
                                            <span style="font-size:32px;font-weight:bold;font-family:'Microsoft YaHei'" class="cc_edittext">台账</span>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <!--底栏-->
                        <tr style="height:1cm;">
                            <td style="width:7.3cm;">
                                <span style="font-size:18px;font-weight:bold;font-family:'Microsoft YaHei'" class="cc_edittext">行政区域:</span>
                                <span class="expReportRegion cc_edittext" style="font-size:18px;font-weight:bold;font-family:'Microsoft YaHei'">市区</span>
                            </td>
                            <td style="width:7.3cm;">
                                <span style="font-size:18px;font-weight:bold;font-family:'Microsoft YaHei'" class="cc_edittext">管理单位:</span>
                                <span class="expReportManager cc_edittext" style="font-size:18px;font-weight:bold;font-family:'Microsoft YaHei'">总队</span>
                            </td>
                        </tr>
                        <tr style="height:1cm;">
                            <td style="width:7.3cm;border-top:solid #000000 1px;border-bottom:solid #000000 2px;border-collapse:collapse;">
                                <span class="cc_edittext" style="font-family:'Microsoft YaHei'">建档时间:</span>
                                <span class="cc_edittext expReportCreateTime" style="font-family:'Microsoft YaHei'">2017年1月1日</span>
                            </td>
                            <td style="width:7.3cm;border-top:solid #000000 1px;border-bottom:solid #000000 2px;border-collapse:collapse;">
                                <span class="cc_edittext" style="font-family:'Microsoft YaHei'">更新时间:</span>
                                <span class="cc_edittext expReportUpdateTime" style="font-family:'Microsoft YaHei'">2017年1月1日</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <!--====================================第2页=========================================-->
            <tr style="width:14.6cm;height:24.6cm;" id="2F">
                <td valign="top">
                    <table style="width:100%;">
                        <!--顶栏-->
                        <tr style="height:1cm;">
                            <td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;">
                                <span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
                            </td>
                            <td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;text-align:right">
                                <span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>

                            </td>
                        </tr>
                        <!--中栏-->
                        <tr style="height:22.5cm;">
                            <td valign="top" colspan="2" style="width:100%;vertical-align: top;">
                                <table style="width:100%;">
                                    <!--标题栏-->
                                    <tr>
                                        <td style="height:2cm;width:100%;">
                                            <span class="cc_edittext" style="font-size:26px;font-family:'Microsoft YaHei'">目 录</span>
                                        </td>
                                    </tr>

                                    <!--列表-->
                                    <tr>
                                        <td style="text-align:left;">
                                            <span class="cc_edittext" style="font-family:'Microsoft YaHei'">1 修改记录.......................................................................................................3</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left;">
                                            <span class="cc_edittext" style="font-family:'Microsoft YaHei'">2 路口概览...............................................................................................................4</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align:left;">
                                            <span class="cc_edittext" style="font-family:'Microsoft YaHei'">3 交通组织...............................................................................................................5</span>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <!--底栏-->
                        <tr>
                            <td colspan="2" style="height:0.5cm;width:100%;text-align:center;">
                                <span class="cc_edittext" style="font-family:'Microsoft YaHei';font-size:12px;">-2-</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <!--====================================第3页=========================================-->
            <tr style="width:14.6cm;height:24.6cm;" id="3F">
                <td valign="top">
                    <table style="width:100%;">
                        <!--顶栏-->
                        <tr style="height:1cm;">
                            <td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;">
                                <span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
                            </td>
                            <td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;text-align:right">
                                <span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>

                            </td>
                        </tr>
                        <!--中栏-->
                        <tr style="height:22.5cm;">
                            <td valign="top" colspan="2" style="width:100%;vertical-align: top;">
                                <table style="width:100%;">
                                    <!--标题栏-->
                                    <tr>
                                        <td valign="bottom" style="height:1.5cm;border-bottom:solid #000000 1px;">
                                            <span class="cc_edittext" style="font-size:20px;font-weight:bold;font-family:'Microsoft YaHei'">1 修改记录</span>
                                        </td>
                                    </tr>
                                    <tr><td style="height:0cm;"></td></tr>
                                    <!--列表-->
                                    <tr>
                                        <td>
                                            <table id="expReportdgReviserecord" style="width:100%;border:solid #000000 1px;border-collapse:collapse;font-size:12px;">
                                                <thead>
                                                <tr>
                                                    <th width="8%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">序号</th>
                                                    <th width="10%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">修改人</th>
                                                    <th width="20%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">修改日期</th>
                                                    <th width="42%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">修改内容</th>
                                                    <th width="20%" class="cc_edittext" style="font-weight:bold;border:solid #000000 1px; text-align:center;font-family:'Microsoft YaHei'">备注</th>
                                                </tr>
                                                </thead>
                                                <tbody></tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <!--底栏-->
                        <tr>
                            <td colspan="2" style="height:0.5cm;width:100%;text-align:center;">
                                <span class="cc_edittext" style="font-family:'Microsoft YaHei';font-size:12px;">-3-</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <!--====================================第4页=========================================-->
            <tr style="width:14.6cm;height:24.6cm;" id="4F">
                <td valign="top">
                    <table style="width:100%;">
                        <!--顶栏-->
                        <tr style="height:1cm;">
                            <td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;">
                                <span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
                            </td>
                            <td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;text-align:right">
                                <span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>

                            </td>
                        </tr>
                        <!--中栏-->
                        <tr style="height:22.5cm;">
                            <td valign="top" colspan="2" style="width:100%;vertical-align: top;">
                                <table style="width:100%;">
                                    <!--标题栏-->
                                    <tr>
                                        <td valign="bottom" style="height:1.5cm;border-bottom:solid #000000 1px;">
                                            <span class="cc_edittext" style="font-size:20px;font-weight:bold;font-family:'Microsoft YaHei'">2 路口概览</span>
                                        </td>
                                    </tr>
                                    <tr><td style="height:0cm;"></td></tr>
                                    <!--列表-->
                                    <tr>
                                        <td>
                                            <table id="expReportdgIntersectinfo" style="width:100%;font-size:14px;"></table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <!--底栏-->
                        <tr>
                            <td colspan="2" style="height:0.5cm;width:100%;text-align:center;">
                                <span class="cc_edittext" style="font-family:'Microsoft YaHei';font-size:12px;">-4-</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <!--====================================第5页=========================================-->
            <tr style="width:14.6cm;height:24.6cm;" id="5F">
                <td valign="top">
                    <table style="width:100%;">
                        <!--顶栏-->
                        <tr style="height:1cm;">
                            <td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;">
                                <span class="expReportCity cc_edittext" style="font-family:'Microsoft YaHei'">台帐</span>
                            </td>
                            <td style="width:7.3cm;border-bottom:solid #000000 3px;border-collapse:collapse;text-align:right">
                                <span class="expReportRoadname cc_edittext" style="font-family:'Microsoft YaHei'">路名</span>

                            </td>
                        </tr>
                        <!--中栏-->
                        <tr style="height:22.5cm;">
                            <td valign="top" colspan="2" style="width:100%;vertical-align: top;">
                                <table style="width:100%;">
                                    <!--标题栏-->
                                    <tr>
                                        <td valign="bottom" style="height:1.5cm;border-bottom:solid #000000 1px;">
                                            <span class="cc_edittext" style="font-size:20px;font-weight:bold;font-family:'Microsoft YaHei'">3 交通组织</span>
                                        </td>
                                    </tr>
                                    <tr><td style="height:0cm;"></td></tr>
                                    <!--副标题栏-->
                                    <tr>
                                        <td valign="bottom" style="height:1.5cm;">
                                            <span class="cc_edittext" style="font-size:16px;font-weight:bold;font-family:'Microsoft YaHei'">3.1 道路交通组织</span>
                                        </td>
                                    </tr>
                                    <!--图片-->
                                    <tr>
                                        <td id="expReportIntersectionMap"></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <!--底栏-->
                        <tr>
                            <td colspan="2" style="height:0.5cm;width:100%;text-align:center;">
                                <span class="cc_edittext" style="font-family:'Microsoft YaHei';font-size:12px;">-5-</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

        </table>
    </div>
</body>
<script>
    function wordOut(){
        $("#word").wordExport("导出word");
    }
</script>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值