First method :user-defined
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>导出word文档</title>
</head>
<body>
<%
String exportToDoc = request.getParameter("exportToDoc");
String fileName = request.getParameter("fileName")==""?"doc":request.getParameter("fileName");
if (exportToDoc != null
&& exportToDoc.toString().equalsIgnoreCase("YES")) {
//设置内容和头文件为word形式
response.setContentType("application/msword");
response.setHeader("Content-Disposition","inline; filename="+fileName+".doc");
}
%>
<div class="container">
<p align="center" style="font-size: 36px;font-family:'微软雅黑'">this is my first word folder</p>
<div class="row">
<div class="col-md-6" id="word_demo">
<h3>谷歌Chrome56正式将HTTP页面标记“不安全”</h3>
<p>9月8日谷歌宣布，从2017年1月（Chrome56）开始，正式将某些HTTP页面标记“不安全”，比如含密码或信用卡信息传输的HTTP页面，而未来的长期计划是将所有HTTP页面都标为不安全，目的是让用户更加安全的浏览站点。 </p>
<p>谷歌Chrome目前对HTTP的标记还比较中性，不能很好的反映HTTP的安全性缺失，谷歌的计划是将HTTP页面的不安全性更加清晰准确地标记出来，而这项计划将分阶段实施。 </p>
<p>2017年开始，Chrome56将把含密码或信用卡信息传输的HTTP页面标记“不安全”，因为它们特殊的敏感性。而后续版本中，谷歌将把HTTP警告进一步延伸，比如更加注重隐私的无痕浏览模式下，将所有HTTP页面标记“不安全”。最终目标是，将所有情况下的HTTP页面都标记为“不安全”并以红色三角形作为警告标识，就像给失效的HTTPS连接的标识一样。</p>
<p><img src="../static/images/14733867979972.png" width="550" /></p>
<p>谷歌将在未来的版本中按此计划更新发布，但是建议网站尽快从HTTP转换成HTTPS。HTTPS已经比以往任何时候都更加容易实施，价格也更加便宜了。网络的性能和最新功能对HTTP将更加敏感。了解谷歌的指南，开始入手建立HTTPS加密。</p>
<p>来源：<a href="http://hoohtml.com/">优码网</a></p>
<a class="btn btn-default jquery-word-export" href="javascript:void(0)">
<span class="word-icon">W</span>
导出为.doc文档
</a>
</div>
</div>
<%if (exportToDoc == null) {%>
<p>
<form action="" method="post">
<input type="hidden" name="exportToDoc" value="YES">
<!-- 自定义文件名，没有则默认doc.doc -->
请输入你要保存为word文档的文件名<input type="text" name="fileName" placeholder="如:doc">
<input type="submit" value="Export to Doc">
</form>
</p>
<%}%>
</div>
</body>
</html>
缺点：图片不能保存
Second method :jquery.wordexport.js plug-in
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>导出word文档插件</title>
</head>
<body>
<div class="container">
<p align="center" style="font-size: 36px;font-family:'微软雅黑'">this is my first word folder</p>
<div class="row">
<div class="col-md-6" id="word_demo">
<h3>谷歌Chrome56正式将HTTP页面标记“不安全”</h3>
<p>9月8日谷歌宣布，从2017年1月（Chrome56）开始，正式将某些HTTP页面标记“不安全”，比如含密码或信用卡信息传输的HTTP页面，而未来的长期计划是将所有HTTP页面都标为不安全，目的是让用户更加安全的浏览站点。 </p>
<p>谷歌Chrome目前对HTTP的标记还比较中性，不能很好的反映HTTP的安全性缺失，谷歌的计划是将HTTP页面的不安全性更加清晰准确地标记出来，而这项计划将分阶段实施。 </p>
<p>2017年开始，Chrome56将把含密码或信用卡信息传输的HTTP页面标记“不安全”，因为它们特殊的敏感性。而后续版本中，谷歌将把HTTP警告进一步延伸，比如更加注重隐私的无痕浏览模式下，将所有HTTP页面标记“不安全”。最终目标是，将所有情况下的HTTP页面都标记为“不安全”并以红色三角形作为警告标识，就像给失效的HTTPS连接的标识一样。</p>
<p><img src="../static/images/14733867979972.png" width="550" /></p>
<p>谷歌将在未来的版本中按此计划更新发布，但是建议网站尽快从HTTP转换成HTTPS。HTTPS已经比以往任何时候都更加容易实施，价格也更加便宜了。网络的性能和最新功能对HTTP将更加敏感。了解谷歌的指南，开始入手建立HTTPS加密。</p>
<p>来源：<a href="http://hoohtml.com/">优码网</a></p>
<a class="btn btn-default jquery-word-export" href="javascript:void(0)">
<span class="word-icon">W</span>
导出为.doc文档
</a>
</div>
</div>
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/FileSaver.js"></script>
<script type="text/javascript" src="../static/js/jquery.wordexport.js"></script>
<script type="text/javascript">
$('.jquery-word-export').click(function(){
//文件名
var fileName="JWE";
$("#word_demo").wordExport(fileName);
});
</script>
</body>
</html>
下载相关插件网址:http://hoohtml.com/jQuery/Tools/2016090927.html
注：在自定义的情况下，不管以哪种格式下载，不知你们有没有发现都需要最关键的两步：
response.setContentType("application/vnd.ms-excel"); //设置内容类型
response.setHeader("Content-Disposition","inline; filename="+fileName+".xls"); //设置头文件
像我上篇所讲的以jsp转换为excel格式也不例外：https://my.oschina.net/u/3378039/blog/1560445
So设置格式类型大全请参照：https://wenku.baidu.com/view/6eda456727d3240c8447efb7.html