js将网页导出成pdf（js 打印指定div内容）2020-09-02

JavaScript020

js将网页导出成pdf（js 打印指定div内容）2020-09-02,第1张

<input type="button"  id="button" value="点击打印"/>

<div id="div_print">

<p>打印此处内容</p>

</div>

<script type="text/javascript">

function printdiv(printpage){

  var newstr=document.getElementById(printpage).innerHTML

  var oldstr=document.body.innerHTML

  document.body.innerHTML=newstr

  window.print()

  document.body.innerHTML=oldstr

  return false

}

window.onload=function(){

  var bt=document.getElementById("button")

  bt.onclick=function(){printdiv('div_print')}

}

</script>

html, body{

 overflow:visible  

}

打印时另存为pdf模式打印后的内容可复制 默认为Microsoft Print to PDF 模式

前端实现PDF预览打印 - 码不动了ya 的博客 - CSDN博客 - 前端打印pdf

1. html页面添加iframe <iframe style={{ width: '100%', height: '80vh'}} title="PDF文件" id="Iframe" src={

2. 如果只是纯展示,直接使用PDF路径,如果需要在外部对PDF文件进行打印,可以通过js获取PDF文件流,转成base64格式的路径来使用,避免iframe的跨域问题,视情况而定

3. 调取浏览器的打印功能,打印PDF文件。对于css