zoukankan      html  css  js  c++  java
  • jQuery wordexport导出 word

    同事给我说了简单的导出word的插件,亲测了下,做个随笔。

    这个导出插件是jQuery自带的的插件,通过调用wordexport.js来实现导出功能。

    1.引入的js

    <script type="text/javascript" src="/resources/jQuery/jquery.min.js"></script>
    <script type="text/javascript" src="/resources/FileSaver/FileSaver.js"></script>
    <script type="text/javascript" src="/resources/jQuery/jquery.wordexport.js"></script>

        其中  wordexport.js   在   jquery.min.js   和   FileSaver.js  引用。

    2.需要导出的数据

    <a class="word-export" href="javascript:void(0)"> 导出word</a>
    <div id="page-content">
         jquery  测试
    </div>

       注意  id="page-content"   class="word-export"   要与 下面的 js 中的相对应。

    3.jquery wordExport的使用方法

    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $("a.word-export").click(function(event) {
                $("#page-content").wordExport();
            });
        });
    </script>

     

    4.导出文件的自定义名称

    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $("a.word-export").click(function(event) {
                $("#page-content").wordExport("导出文件的名称");
            });
        });
    </script>

       在  wordExport("导出文件的名称")  加入文件名称就能自定义文件名称

    完整的代码:

    <body>
    <a class="word-export" href="javascript:void(0)"> 导出word</a>
    <div id="page-content">
         jquery  测试
    </div>
    
    <script type="text/javascript" src="/resources/jQuery/jquery.min.js"></script>
    <script type="text/javascript" src="/resources/FileSaver/FileSaver.js"></script>
    <script type="text/javascript" src="/resources/jQuery/jquery.wordexport.js"></script>
    
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $("a.word-export").click(function(event) {
                $("#page-content").wordExport("测试");
            });
        });
    </script>
    
    </body>
    

      更改js路径后可以直接使用。。

  • 相关阅读:
    进程、线程和协程的图解
    Python多线程的原理与实现
    Python多进程原理与实现
    python面试题-1
    数据库事务隔离级别--读未提交,读已提交,重复读,序列化
    java--浅谈线程(二、线程的方法和状态)
    java--浅谈线程(一简单介绍)
    类加载机制--浅谈
    JSP/Servlet Web 学习笔记 DayThree
    JSP/Servlet Web 学习笔记 DayThree —— 实现一个登陆小界面
  • 原文地址:https://www.cnblogs.com/FengLog/p/8465944.html
Copyright © 2011-2022 走看看