资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

iframe实现局部打印-创新互联

网页中用到jquery.dialog,需要把dialog里面的内容打印出来,开始直接用window.print(),因为我电脑没有连打印机,也没有测试,在项目演示的时候一个同事就打印出来,看效果,太囧了,打印出来的不是div里面的内容,而是当前屏幕所能看到的内容。在网上查了很多资料,有的看不懂,有的尝试了效果却不对,最后自己想了一个办法,用iframe来实现。iframe实现局部打印

第一步:要在页面中加一个iframe,把frameborder、height、width都设置成0,这样页面上就不会看到此iframe了。如:

网站设计制作、网站建设服务团队是一支充满着热情的团队,执着、敏锐、追求更好,是创新互联的标准与要求,同时竭诚为客户提供服务是我们的理念。成都创新互联把每个网站当做一个产品来开发,精雕细琢,追求一名工匠心中的细致,我们更用心!

第二部:在当前页面的js中,获取到这个iframe对象

var frameObj = $(document.getElementById('fra').contentWindow.document.body);

第三部:把要打印的内容放到iframe的body里面

frameObj.html(content);

注:如果要对iframe里面元素操作的话,需要获取到内容:var contentObj = frameObj.contents();再用contentObj操作

  第四部:打印

    document.getElementById('fra').contentWindow.print();


网页标题:iframe实现局部打印-创新互联
网页网址:http://cdkjz.cn/article/djcidp.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220