如何用纯JS将指定HTML页面导出为Word文档？
- 内容介绍
- 文章标签
- 相关推荐
本文共计342个文字，预计阅读时间需要2分钟。
由于需要将原文简化并控制在100字以内，以下是对原文的
因需将范文网站内容下载为Word文档，若使用PHP后端服务器，想用前端实现。查询GitHub发现，确实有导出Word文档的插件。
因为最近做了范文网站需要，所以要下载为word文档，如果php进行处理，很吃后台服务器，所以想用前端进行实现。查询github发现，确实有这方面的插件。
js导出word文档所需要的两个插件：
FileSaver.js
jquery.wordexport.js
html导出按钮：
<input type="button" value="导出word" onclick="doWord()" style="background-color:#275ecf;color:#FFFFFF;width:70px;height:20px;border-radius: 5px;">
js过滤处理部分：
<script>
function doWord(){
document.getElementsByClassName('article-mp_msg')[0].style.display="none";
document.getElementsByClassName('article-msg')[0].style.padding="20px";
document.getElementsByClassName('article-title')[0].style.textAlign ="center";
document.getElementsByClassName('article-detail_inner')[0].style.margin ="auto";
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
var re1 = /<img.*?(?:>|\/>)/gi;//匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
prnhtml = prnhtml.replace(re1,'');//执行替换成空字符
var re2 = /<([a-z]+?)(?:\s+?[^>]*?)?>\s*?<\/\1>/ig;
prnhtml = prnhtml.replace(re2,'');//执行替换成空字符
window.document.body.innerHTML=prnhtml;
$(".article-detail_inner").wordExport('文章的标题');
}
</script>
来看看效果吧：小学数学教师培训心得_醉学网 (nongpin88.com)
本文共计342个文字，预计阅读时间需要2分钟。
由于需要将原文简化并控制在100字以内，以下是对原文的
因需将范文网站内容下载为Word文档，若使用PHP后端服务器，想用前端实现。查询GitHub发现，确实有导出Word文档的插件。
因为最近做了范文网站需要，所以要下载为word文档，如果php进行处理，很吃后台服务器，所以想用前端进行实现。查询github发现，确实有这方面的插件。
js导出word文档所需要的两个插件：
FileSaver.js
jquery.wordexport.js
html导出按钮：
<input type="button" value="导出word" onclick="doWord()" style="background-color:#275ecf;color:#FFFFFF;width:70px;height:20px;border-radius: 5px;">
js过滤处理部分：
<script>
function doWord(){
document.getElementsByClassName('article-mp_msg')[0].style.display="none";
document.getElementsByClassName('article-msg')[0].style.padding="20px";
document.getElementsByClassName('article-title')[0].style.textAlign ="center";
document.getElementsByClassName('article-detail_inner')[0].style.margin ="auto";
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
var re1 = /<img.*?(?:>|\/>)/gi;//匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
prnhtml = prnhtml.replace(re1,'');//执行替换成空字符
var re2 = /<([a-z]+?)(?:\s+?[^>]*?)?>\s*?<\/\1>/ig;
prnhtml = prnhtml.replace(re2,'');//执行替换成空字符
window.document.body.innerHTML=prnhtml;
$(".article-detail_inner").wordExport('文章的标题');
}
</script>
来看看效果吧：小学数学教师培训心得_醉学网 (nongpin88.com)