：【JavaScript】純JS導(dǎo)出HTML頁面為原生Word格式或PDF格式文檔

<div id="html2pdf_id"><%=print_body%></div>
<div align="center">
  <input type="button" value="導(dǎo)出Word" onclick="html2doc('html2pdf_id','<%=outTitle%>');">
  <input type="button" value="導(dǎo)出PDF" onclick="html2pdfs('html2pdf_id','<%=outTitle%>',0,'A4');">
</div>


<script type="text/javascript" src="/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/js/FileSaver.js"></script>
<script type="text/javascript" src="/js/jquery.wordexport.js"></script>
<script type="text/javascript" src="/js/html2pdf.bundle.min.js"></script>
<script type="text/javascript">
function html2doc(outID,outName) {
	//outID-導(dǎo)出內(nèi)容控件ID,outName-導(dǎo)出文件名稱
	$("#"+outID).wordExport(outName);
}
	
function html2pdfs(outID,outName,orientFlag,pageSize) {
	//outID-導(dǎo)出內(nèi)容控件ID,outName-導(dǎo)出文件名稱,orientFlag-導(dǎo)出方向(0縱向/1橫向),pageSize-導(dǎo)出頁面大小(默認(rèn)A4)
	var element = document.getElementById(outID);
	var orientName="portrait";
	if (orientFlag-1==0){orientName="landscape";}
	html2pdf().from(element).set({
		margin: 0.8,
		filename: outName+'.pdf',
		image: { type: 'jpeg', quality: 0.9 },
		html2canvas: { scale: 3, y: 0,  scrollY: 0 },
		jsPDF: {orientation: orientName, unit: 'in', format: pageSize, compressPDF: true}
	}).save();
}
</script>

相關(guān)文檔下載：

JS腳本.rar