window.open在不加載新頁面的情況下進行打印

今天在工作中遇到了這樣一個需求,頁面要求在當前進行打印輸出,入門級程序員,所以首先想到的就是使用window.open方法加載頁面,然後使用window.print進行打印,但使用window.open要麼打開新窗口然後進行打印輸出,要麼更改當前頁面內容,打印輸出後再使用history.go(-1)回退到之前頁面,不滿足需求,公司前人的解決方式是隱藏中間界面,既不用回退刷新,又不用打開新窗口,黑科技完美解決問題,代碼如下:

<div id="print_iframe" style="width:0px;height:0px;position:absolute;margin:0px 0px 0px 0%;display:none;z-index:-5">
    <iframe name="print_iframe" style="width:0px;height:0%;margin-top:0px;position:relative;margin-bottom:0px;background-color:#fff;">
    </iframe>
</div>

在iframe裏面加載新頁面,然後隱藏掉iframe,然後用window.open在新窗口中打開需要打印的資源

    window.open(URL,'print_iframe');
    $('#print_iframe').show();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章