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

JavaScript013

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的功能,把它们存成文档,以备后来的察看。我在下面根据大家系统软件版本的情况,以及各自的使用习惯,给出三种简单的 方法 ,有需要的朋友可以来看看哦。

将网页内容转化为PDF方法一:word实现法

1这里推荐使用的word版本为word2007或者2010版本。word2003的效果可能跟原来的网页会有差别

2首先,我们拖拽鼠标,选择网页中我能需要保存成文档的内容。右击选择复制

3打开一个新建的word文档命名为“百度一下,你就知道”。右击鼠标,选择保留原格式粘贴

4点击保存按钮。点击文件,打印。在打印机位置选择PDF。点击打印

5在新弹出页面选择保存路径,点击保存即可

6当然,除了第四个步骤这种方法以外,我们也可以右击word文档,选择转化为PDF。我们下了来讲第二种方法

将网页内容转化为PDF方法二:网页转化法

1在打开的网页中,一次点击文件,另存为。总之找到可以保存网页的命令按钮,点击保存网页

2在弹出保存菜单中选择保存类型为“网页,仅HTML”选项,点击保存。

3好了,现在找到我们的网页文件,右击选择转化为Adobe PDF 即可。O(∩_∩)O哈哈~

将网页内容转化为PDF方法三:直接PDF法

如果你现在打开的网页不是使用IE浏览器的话,复制网页地址到IE浏览器打开。我们以百度首页为例

由于现在的IE制作的比较简约,一些工具比如PDF我们都看不到它们了。所以在窗口最上方的空白处右击,把PDF按钮调出来

然后在弹出的窗口IE会问是否允许加载,点击启用

然后我们发现在浏览器右上角出现了两个PDF按钮图标

点击转换按钮,马上我们的页面就转化为PDF格式文档可以保存了。如果点击【选择】按钮的话,我们需要拖拽鼠标选择需要转化的对象或元素,再点击转换按钮完成转换

来看看我们最后转化完成的文档。后一个图是PDF文档的效果

  

将网页内容转化为PDF的三种方法相关 文章 :

★ 怎么在网页上将word转成pdf

★ 电脑如何将网页保存为PDF格式

★ word2010转为pdf的两种方法

★ 将word2003转换成pdf格式的方法步骤图

★ 将word转成pdf的两种方法

★ 360浏览器打印网页输出为pdf文件怎么设置

★ 在线将word转化为pdf的两种方法

★ word转成pdf的两种方法

★ word2010中如何转换pdf

var _hmt = _hmt || [](function() { var hm = document.createElement("script") hm.src = "https://hm.baidu.com/hm.js?fff14745aca9358ff875ff9aca1296b3" var s = document.getElementsByTagName("script")[0] s.parentNode.insertBefore(hm, s)})()

首先需要安装wkhtmltopdf这个软件 需要执行shell_exec函数的php文件和安装的wkhtmltopdf.exe可执行文件在同一目录下,不然php找不到这个执行文件

shell_exec("wkhtmltopdf.exe --page-size A4 --outline 网页地址pdf文件名")

--page-size 以A4纸的尺寸显示pdf内容

--outline 显示目录(网页中h1,h2来定)

网页地址 需要转成pdf的网页地址

pdf文件名 生成pdf的文件名,可以使用绝对路径