iframe實現區域性列印

2022-07-23 01:39:31 字數 683 閱讀 7428

網頁中用到jquery.dialog,需要把dialog裡面的內容列印出來,開始直接用window.print(),因為我電腦沒有連印表機,也沒有測試,在專案演示的時候乙個同事就列印出來,看效果,太囧了,列印出來的不是div裡面的內容,而是當前螢幕所能看到的內容。在網上查了很多資料,有的看不懂,有的嘗試了效果卻不對,最後自己想了乙個辦法,用iframe來實現。

第一步:要在頁面中加乙個iframe,把frameborder、height、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();

js實現區域性列印及其列印預覽

js 實現簡單的頁面區域性列印 function preview oper else 使用很簡單 將頁面內要列印的內容加入中間 xx 再加個列印按紐 nclick preview 1 序號總和 15 年齡總和 109 成績總和 413 序號年齡成績總和112 序號年齡成績總和104 序號年齡成績總和...

iframe頁面實現區域性重新整理的效果

後台管理頁面左側和頭部固定,中間內容區域是iframe寫的頁面跳轉,實現f5重新整理和ctrl r強制重新整理不回首頁,還是在當前頁面。在你想重新整理的頁面加入下 監聽重新整理事件然後設定localstorage.setitem iframe src url window.addeventliste...

JS實現區域性列印和預覽

第一種 js 實現簡單的頁面區域性列印 function preview oper else 使用很簡單 將頁面內要列印的內容加入中間 xx 再加個列印按紐 nclick preview 1 第二中 元件法 一 webbrowser控制項 二 webbrowder控制項的方法 列印 webbrows...