首页 > 软件开发 > JQUERY >

jquery.wordexport.js如何修改样式

来源:互联网 2023-03-17 00:49:03 398

jquery.wordexport.js是一种jquery插件,可以将指定区域导出成word文档。如果想要修改导出内容的样式,需要将样式写到元素内,这样才起作用。YmV办公区 - 实用经验教程分享!

jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

工具/原料

  • jquery.wordexport.js
  • jquery
  • JavaScript
  • HTML5
  • HBuilderX
  • 截图工具
  • WPS
  • 笔记本电脑

方法/步骤

  • 1

    通过快捷方式打开HBuilderX工具,在已新建Web项目中,将FileSaver.j和jquery.wordexport.js复制到指定js文件夹中YmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 2

    新建一个静态页面word.html,然后将上述的js文件引入,还有jquery文件YmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 3

    在body标签元素内,插入一个div,设置对应的id属性值;然后在div标签中插入一个tableYmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 4

    在div标签上方,加一个a标签,并添加一个class属性,文字内容设置为导出YmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 5

    在script标签内,添加a标签的点击事件,并调用wordExport()方法YmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 6

    保存代码并运行项目,打开浏览器查看界面效果YmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 7

    点击导出按钮,这时导出一个word文件,打开文件并查看表格样式YmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 8

    接着在table表格元素内添加样式,还有表头标签样式YmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 8相关内容非法爬取自百度经验
  • 9

    再次保存代码并刷新浏览器,然后导出文件并打开文件,查看表格样式YmV办公区 - 实用经验教程分享!

    jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

  • 总结

    • 1、复制文件到指定路径YmV办公区 - 实用经验教程分享!

      2、新建页面并引入文件YmV办公区 - 实用经验教程分享!

      3、插入标签和设置属性YmV办公区 - 实用经验教程分享!

      4、添加点击事件并预览YmV办公区 - 实用经验教程分享!

      5、表格添加元素内样式YmV办公区 - 实用经验教程分享!

      6、刷新浏览器查看文件YmV办公区 - 实用经验教程分享!

      jquery.wordexport.js如何修改样式YmV办公区 - 实用经验教程分享!

    注意事项

    • 注意jquery.wordexport.js如何修改样式
    • 注意如何控制导出文件的样式

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!YmV办公区 - 实用经验教程分享!


    标签: JQUERYJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码