jquery.word娣定撰钠export.js是一种jquery插件,可以将指定区域导出成word文档。如果想要修改导出内容的样式,需要将样式写到元素内,这样才起作用。
工具/原料
jquery.wordexport.js
jquery
JavaScript
HTML5
HBuilderX
截图工具
WPS
笔记本电脑
方法/步骤
1、通过快捷方式打开HBuilderX工具,在已新建Web鸠祛哂俭项目中,将FileSaver.j和jquery.wordexport.js复制到指定js文件夹中
2、新建一个静态页面word.html,然后将上述的js文件引入,还有jquery文件
3、在body标签元素内,插入一个div,设置对应的id属性值;然后在div标签中插入一个table
4、在div标签上方,加一个a标签,并添加一个class属性,文字内容设置为导出
5、在script标签内,添加a标签的点击事件,并调用wordExport()方法
6、保存代码并运行项目,打开浏览器查看界面效果
7、点击导出按钮,这时导出一个word文件,打开文件并查看表格样式
8、接着在table表格元素内添加样式,还有表头标签样式
9、再次保存代码并刷新浏览器,然后导出文件并打开文件,查看表格样式