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

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

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

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

<iframe id="fra" name="fra" src="print_model.html" frameborder=0 height=0 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实现局部打印-创新互联
文章转载：https://www.cdcxhl.com/article18/djcidp.html

成都网站建设公司_创新互联，为您提供网页设计公司、Google、品牌网站建设、网站设计、软件开发、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都定制网站建设

网站制作知识

分类信息网站