js提取指定网站内容(JavaScript如何打印页面中的指定内容的效果,功能非常不错)
优采云 发布时间: 2021-11-25 11:09js提取指定网站内容(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中的内容。