js提取指定网站内容(JavaScript如何打印页面中的指定内容的效果,功能非常不错)

优采云 发布时间: 2021-11-25 11:09

  js提取指定网站内容(JavaScript如何打印页面中的指定内容的效果,功能非常不错)

  很多网站都有这个功能。当您浏览到底部时,会有一个打印按钮。点击打印按钮完成打印功能。功能非常好,人性化。下面我们来介绍一下通过点击按钮实现打印的JavaScript。代码,需要的朋友参考

  很多网站都有这个功能。当您浏览到底部时,会有一个打印按钮。点击打印按钮完成打印功能。功能很好,人性化,代码也很简单。

   脚本之家

  即只要调用window.print()函数,就可以打印当前页面。

  但是上面的并不完美,因为有些网页上的很多内容是不需要打印的。下面是如何在页面上打印指定的内容。

  代码显示如下:

   指定被打印的内容 这是要被打印的内容欢迎您

  特别注意:打印预览需要将代码复制到本地机器进行测试,否则会报错。

  以上代码实现了打印网页指定内容的效果。下面简单介绍一下实现过程。

  一. 实现原理:

  在js代码中使用document.body.innerHTML =newstr,将原body中的内容动态替换为要打印的内容。打印后,恢复原创内容。原理就是这么简单。具体可以参考代码注释。

  二.代码注释:

  1.function printdiv(printpage){},声明一个控制打印的函数,参数是一个对象,这个对象的内容会被打印出来。

  2.var newstr = printpage.innerHTML; 获取要打印的内容。

  3.var oldstr = document.body.innerHTML,body 中的原创内容。

  4. document.body.innerHTML =newstr,将原body中的内容替换为要打印的内容。

  5.window.print(),开始打印。

  6.document.body.innerHTML=oldstr,然后恢复原来body中的内容。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线