jquery.wordexport.js如何修改样式

 时间:2024-10-12 09:39:18

1、通过快捷方式打开HBuilderX工具,在已新建Web项目中,将FileSaver.j和jquery.wordexport.js复制到指定js文件夹中

jquery.wordexport.js如何修改样式

2、新建一个静态页面word.html,然后将上述的js文件引入,还有jquery文件

jquery.wordexport.js如何修改样式

3、在body标签元素内,插入一个div,设置对应的id属性值;然后在div标签中插入一个table

jquery.wordexport.js如何修改样式

4、在div标签上方,加一个a标签,并添加一个class属性,文字内容设置为导出

jquery.wordexport.js如何修改样式

5、在script标签内,添加a标签的点击事件,并调用wordExport()方法

jquery.wordexport.js如何修改样式

6、保存代码并运行项目,打开浏览器查看界面效果

jquery.wordexport.js如何修改样式

7、点击导出按钮,这时导出一个word文件,打开文件并查看表格样式

jquery.wordexport.js如何修改样式

8、接着在table表格元素内添加样式,还有表头标签样式

jquery.wordexport.js如何修改样式

9、再次保存代码并刷新浏览器,然后导出文件并打开文件,查看表格样式

jquery.wordexport.js如何修改样式
  • 如何打开AIScratch编程器的示例程序
  • 华为手机如何下载虾米音乐
  • C#如何用多个字符分隔字符串
  • PPT禁止输入文本时如何自动调整文本大小?
  • vs2015添加依赖库
  • 热门搜索
    清明节手抄报一年级 关于民族的手抄报 日行一善手抄报 英语手抄报花边 小学安全教育手抄报 书香校园手抄报内容 心理健康手抄报资料 关爱残疾人手抄报 安全手抄报的图片 清明节手抄报内容50字