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

JavaScript069

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方法如下:

操作设备:ThinkPad E14。

设备系统:Windows 7。

操作软件:2345浏览器10.16。

1、首先打开网页,在空白处右击。

2、然后选择打印,点击打开。

3、进入后,在目标打印机里点击更改。

4、之后,点击另存为PDF。

5、然后在页面左侧点击保存。

6、保存后,即可查看网页转换的PDF文件。