JavaScript实现点击按钮直接打印(js点击代码)

编辑：rootadmin

推荐整理分享JavaScript实现点击按钮直接打印(js点击代码)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js点击li,js点击代码,js点击div,js点击li,js点击li,js点击,js写点击事件3种方式,js写点击事件3种方式,内容如对您有帮助，希望把文章链接给更多的朋友！

很多网站都有此功能，当浏览到底部时都会有一个打印按钮，点击打印按钮就可以完成打印功能，功能非常不错，人性化，代码非常的简单。

也就是只要调用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中的内容还原。

三.相关阅读:

1.window.print()函数可以参阅window对象的print()方法一章节。2.onclick事件可以参阅javascript的onclick事件一章节。

以上内容比较简单，并有单独的代码注释帮助大家学习js实现点击按钮就打印功能，希望本文对大家有所帮助。

莱鸟介绍window.print()方法 print()方法的定义和用法:此方法可以产生一个打印设置界面，此界面与右击窗口，然后点击打印选项产生的界面一样。语法结构:window.print()浏览器支持:1.

莱鸟介绍javascript onclick事件 onclick事件的定义和用法:当点击对象的时候会触发此事件。浏览器支持:1.IE浏览器支持此事件。2.火狐浏览器支持此事件。3.Opera浏览器支持此事件。4.谷

谈谈JavaScript类型系统之Math 开门必读math和其他对象不同，Math对象是一个静态对象，而不是构造函数。实际上，Math只是一个由Javascript设置的对象命名空间，用于存储数学函数属性M

标签: js点击代码

本文链接地址:https://www.jiuchutong.com/biancheng/384734.html 转载请保留说明！

上一篇：javascript中加var和不加var的区别你真的懂吗(javascript var)

下一篇：莱鸟介绍window.print()方法(莱鸟人集团)