当前位置:  编程技术>WEB前端

js调用iframe实现打印页面内容的方法

    来源: 互联网  发布时间:2014-08-25

    本文导语:  1、程序说明1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印;2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容。2、代码部分 1) JS 函数: 代码如下:function do_print(id_str)//id-st...

1、程序说明

1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印;
2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容。

2、代码部分

1) JS 函数:

代码如下:

function do_print(id_str)//id-str 打印区域的id
{
var el = document.getElementById(id_str);
var iframe = document.createElement('IFRAME');
var doc = null;
iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
document.body.appendChild(iframe);
doc = iframe.contentWindow.document;
// 引入打印的专有CSS样式,www.111Cn.net根据实际修改
doc.write("");
doc.write('
' + el.innerHTML + '
');
doc.close();
iframe.contentWindow.focus();
iframe.contentWindow.print();
if (navigator.userAgent.indexOf("MSIE") > 0)
{
     document.body.removeChild(iframe);
}
}

2) HTML:

代码如下:

// 打印区域:

// 调用打印
打印


3. 测试

点击页面上的打印按钮,即可测试打印;

除了上面方法我们还可以通过jquery来实例,代码如下

代码如下:




$(document).ready(function(){
  $("input#biuuu_button").click(function(){

  $("div#myPrintArea").printArea();

});
});


.....文本打印部分.....

如果要实现区域打印我们可尝试下面方法

下面本文分享一种超简单的方法实现页面的打印功能,不仅可以打印整个页面,还可以打印页面某块区域

代码如下:





function printdiv(printpage){
 var headstr="";
 var footstr="";
 var newstr=document.all.item(printpage).innerHTML;
 var oldstr=document.body.innerHTML;
 document.body.innerHTML=headstr+newstr+footstr;
 window.print();
 document.body.innerHTML=oldstr;
 return false;
}

div print




被打印区域:www.

这块区域是打印不到的!



    
 
 

您可能感兴趣的文章:

  • 求救!weblogic6.0后台运行正确,前台页面跳转或调用其他页面时出“页面无法显示错误”
  • 请问用javaScript或vbScript可否调用页面上Applet的public函数?如何调用?
  • 在jsp页面加载时自动调用某个特定的servlet,由servlet查询数据库输出WEB页面返回给jsp显示?
  • 如何同时调用两个Jsp页面?
  • 我通过servlet调用jsp页面
  • 为什么我的Applet在浏览器后退再前进到这个页面时还是会调用init函数?
  • 请问如何在一个JSP页面调用一个exe程序呢?谢谢!
  • 请问如何在web页面调用word,并将所有的所有表单参数调的word中排版、打印。
  • 新手问题,怎样调用jsp页面打印本页的内容?
  • jsp页面获取服务器时间的简单调用示例
  • Asp.Net其他页面如何调用Web用户控件写的分页
  • 调用sendDirect后,让原来分帧窗口以普通窗口形式打开页面?
  • Linux下调用JSP页面产生无法找到Java Beans的错误
  • 用jsp如何调用windows的页面设置功能和打印功能!
  • 请问各位大虾,如何使用jsp页面里的butten触发调用bean或者servlet???
  • 在线给分:在jsp页面内部能不能定义字函数或者类来调用
  • 请教:servlet如何调用jsp页面或者servlet????
  • 如何在Jsp中调用IE自带的页面设置、打印对话框等功能?
  • 我在JSP页面中调用一段显示打印对话框的Java程序,可是点击“打印”按钮后什么都不显示,请大伙帮忙指点一下!
  • 把js文件编译成dll供页面调用的方法
  • 用RMI进行远程对象调用的时候,可不可以实现多个调用远程对象的并发操作
  • 用shell调用api接口能实现吗?100分就是你的了
  • JSP调用EJB如何实现耦合度最底
  • strace程序截获进程的系统调用实现方法是什么?
  • 整型数据做函数的参数,怎样实现传地址,和调用程序共用一个地址?
  • 如何实现exec系列的循环调用???
  • 请教gcc编程 问题 关于调用中断 实现 图形模式
  • 如何实现linux下ant调用sh(带输入参数),参数自动填入并执行sh
  • 在java中调用系统FTP命令,实现文件传输???
  • 不理解exec家族的调用是如何实现的。。。求解
  • 请问application (or applet)如何实现对applet 小程序的调用??
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 在Python中使用SWIG调用C和C++程序
  • Linux添加系统调用时如何调用C语言库函数
  • sessionbean调用entitybean的时候还需要像Client一样远程调用对象吗??
  • system()调用 与 ioctl()调用
  • linux中为什么系统调用比普通函数调用更费时间?
  • 如何在LINUX下用一个普通文件调用一个自己编写的调用系统的文件
  • 可不可以用java调用其他语言的编译结果?(好象asp调用com那样)
  • 为什么我的BEAN 在WIN2000中调用没有问题,但在LINUX中调用有问题
  • 为什么守护进程调用调用getlogin会失败呢?
  • 关于jsp调用javabean的问题!调用是成功了,但是有小问题!
  • ioctl中能不能调用generic_file_read呀?我一调用就不动了
  • LINUX下系统调用是不能中断的,要怎么改造成可以中断系统调用?
  • 请问在jsp中调用外部的类,与jsp调用javabean有何区别??
  • 调用数学函数,需要调用哪个函数库?
  • 调用system(“命令”)和函数调用之间有什么不同?效率?
  • 请问如何在Java中调用一个VB所写的DLL?如何调用这个Dll的方法?如何取得和设置这个Dll的属性值?谢谢!
  • 脚本1调用脚本2,脚本2必须输入回车,如何在调用过程中自动输入回车
  • 请问linux中的系统调用号是如何跟系统调用表对应起来的
  • 我的APPLET在Jbuilder5中,可以调用EJB对象,但是移植到网页上却不能调用EJB对象!是何缘故,值得研究!
  • 新手:Linux下使用第三方C库(openssl),是调用.so文件还是直接调用.h文件?
  • 在Seesion bean中的一个方法调用Entity Bean调用错误,在线等待!!!!!!!


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3