IE浏览器使用JS打印部分网页

这学期刚刚才开始跟老师写项目，用的是ThinkCMF,不得不说这个框架真的不够友好，对于没接触过的人目录实在是看不懂。跑题了。。。

因为我这块后台逻辑我很早就写完了，然后老师就让我去写前端（不过这涉及到JS，好像说前端不大对）。

接到了一个打印功能。刚开始听得时候感觉很简单啊，不就是JS调用浏览器自带的打印功能，然后打印页面就好啦。然后就屁颠屁颠的去写。。。前提太多，跳过跳过。

正题：

项目需求是利用IE浏览器进行打印（没办法，公司不够潮）。

上网搜了好多方法，找到一个最靠谱的代码 JS调用iframe方式实现Web区域打印页面内容。对于一般的需求是够用了。 不过这段代码并不完全适用我这个需求，因为我需要完整的表格和样式，所以在原有的基础上增加了样式参数

<button οnclick="javascript:do_print('table','style');" class="btn btn-primary">打印</button>

相对应的我需要把引用的样式什么的用

<block id="style"></block>

包括起来。

然后需要打印的部分用

<div id="table"></div>

包括起来。

然后在JS里

function do_print(id_str,style){
    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样式，根据实际修改
    doc.write("<br>");
    doc.write($('#style').html());
    doc.write('<div>' + el.innerHTML + '</div>');    
    doc.close();
    iframe.contentWindow.focus();
    iframe.contentWindow.print();
    if (navigator.userAgent.indexOf("MSIE") > 0){
        document.body.removeChild(iframe);
    }
}

代码基本上还是原来的代码，不过相对应的我加了

doc.write("<br>");
doc.write($('#style').html());

这样两句。

为什么要加个

doc.write("<br>");

因为在测试的过程中，我发现IE浏览器总是多生成一个页面（只有IE！，其他浏览器都不会！），后面在不断找资料，误打误撞的发现了只要在内容前面增加一段html语言就不会多生成一页。不知道为什么，也希望有大神来帮我解释一下，反正现在先暂时这样用。

还有，我的建议是对于表格操作，最好将表格的长宽给固定下来，这样不但页面会相对有美感，而且在打印页面时也不会变形。

第一次写，感觉逻辑有点乱，见谅见谅，哈哈。