不指定src, 用js生成 iFrame新窗口

最新推荐文章于 2023-10-02 15:36:00 发布

liu__software

最新推荐文章于 2023-10-02 15:36:00 发布

阅读量1.1k

点赞数

分类专栏： javascript 文章标签： javascript

原文链接：https://www.cnblogs.com/554006164/archive/2010/10/28/1863428.html

版权

javascript 专栏收录该内容

148 篇文章 7 订阅

订阅专栏

有如下需求：要打印页面之中的某个表格，而且还要自动横打（所以用scriptX等控件，因为window.print是竖打）？

解决办法：将这部分表格（或者div等）提取出来，专门放到一个新的窗口中去，然后根据这些内容自动生成一个包含打印控件iFrame, 再调用控件的打印方法打印该Ifrme;

____________________________________________________________

动态生成iframe的代码：

var ifr = document.createElement("iframe");

document.body.appendChild(ifr);

var ifrdoc = ifr.contentWindow.document;

ifrdoc.open();

ifrdoc.write("<BODY>");

ifrdoc.write("<object id='factory' style='display:none' classid='clsid:1663ed61-23eb-11d2-b92f-008048fdd814' ></object> ");

ifrdoc.write("</BODY>");

ifrdoc.close() ;

_____________________________________________________

实现打印的函数（可直接拷贝调用）：

function PrintPart(controlId, isPortrait) //isPortrait =false 代表横打

{

//以下先生成一个Docment Fragment, 不是必须

var sdiv = document.getElementById(controlId);

var dc = document.createDocumentFragment();

var dcBd = dc.createElement("BODY")

for(var i=0;i<=sdiv.childNodes.length-1;i++)

{

dcBd.appendChild(sdiv.childNodes[i]);

}

dc.appendChild(dcBd);

//根据传入的内容生成一个iFrame并打印

var ifr = document.createElement("iframe");

document.body.appendChild(ifr);

ifr.style.pixelWidth = 1;

ifr.style.pixelHeight = 1;

var ifrdoc = ifr.contentWindow.document

ifrdoc.open();

ifrdoc.write("<BODY>");

ifrdoc.write("<object id='factory' style='display:none' classid='clsid:1663ed61-23eb-11d2-b92f-008048fdd814' ></object> ");

ifrdoc.write(dc.body.innerHTML); //如果上面没有生成DocumentFragment，则用sdiv 对象的outerHtml属性

ifrdoc.write("</BODY>");

ifrdoc.close() ;

//以下调用iframe中创建的打印控件实现打印

var fc = ifrdoc.getElementById("factory");

fc.printing.portrait = isPortrait; //是否横向打印

fc.printing.Print();

document.body.removeChild(ifr);

}

______________________________________________________

将以上代码稍加修改，就可以实现除打印之外的其它功能。主要的方法是document.write方法，动态生成新窗口，也类似：

var ow = window.open("", "newwin", "height=1, width=1");//top=10000,left=10000");

ow.document.write("<BODY>")

ow.document.write("<object id='factory' style='display:none' classid='clsid:1663ed61-23eb-11d2-b92f-008048fdd814' ></object> ")

ow.document.write(dc.body.innerHTML);

ow.document.write("</BODY>");

ow.document.close() ;

转载于：https://www.cnblogs.com/554006164/archive/2010/10/28/1863428.html

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。