当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码实现只打印iframe的内容

JS代码实现只打印iframe的内容

2012/10/25 11:31:02作者:佚名来源:网络

移动端

【实例名称】

JS代码实现只打印iframe的内容

【实例描述】

在打印页面时,可以通过正则或某个设计标识,只打印页面的部分内容。那么该如何只打印嵌入到此页面中框架的内容呢?本例学习一个只打印部分内容的新方法。

【实例代码】

 

<html> <head> <title>Untitled-学无忧(www.xue51.com)</title> </head> <body> <input onclick='prn()' type=button value=print_Ifram5.10e><br> <iframe id=myframe src="http://www.xue51.com/"> </iframe> <script> function prn() { var win=window.open("about:blank") win.moveto(100,100) win.location=document.all.myframe.src win.print() } </script> </body> </html>

【运行效果】

 打印iframe内容

【难点剖析】

当用户单击“print_Iframe”按钮时,其实在后台会打开一个新页面,此页面的内容其实就是框架中的全部内容。然后在新页面中,调用“print’’方法实现框架内容的打印.其实就是一个新页面的打印。

【源码下载】

本实例JS代码下载