2012-10-25 来源:网络
【实例名称】
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>
【运行效果】
【难点剖析】
当用户单击“print_Iframe”按钮时,其实在后台会打开一个新页面,此页面的内容其实就是框架中的全部内容。然后在新页面中,调用“print’’方法实现框架内容的打印.其实就是一个新页面的打印。
【源码下载】