关闭

不指定src, 用js生成 iFrame/新窗口 里面的内容(可用于scriptX打印部分页面等)

标签: iframeobjectfunctiondiv
3660人阅读 评论(0) 收藏 举报

有如下需求: 要打印页面之中的某个表格,而且还要自动横打(所以用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() ;

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:15701次
    • 积分:246
    • 等级:
    • 排名:千里之外
    • 原创:8篇
    • 转载:0篇
    • 译文:0篇
    • 评论:3条
    最新评论