js呼叫iframe實作列印頁面內容的方法_jquery

1、程式說明

1) 此程式可以實現選擇頁面中的區域進行列印，以iframe方式列印；
2) 與原生態的print() 區別在於，取消列印頁面後面可以完整保留目前造訪頁面的內容。

2、程式碼部分

1) JS 函數：

複製程式碼 程式碼如下:

function do_print(id_strstr)//id-str 列印區域的id
{
var el = document.getElementById(id_str);
var iframe = document.createElement('IFRAME');
var doc = null;
iframe.Attribute( style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
document.body.appendChild(iframe);
doc = iframe.contentWindow. document;
// 引入列印的專有CSS樣式，www.111Cn.net依實際修改
doc.write("");
doc.write('

' el.innerHTML '

');
doc.close();
iframe.contentWindow.focus() ;
iframe.contentWindow.print();
if (navigator.userAgent.indexOf("MSIE") > 0)
{
     document.body.removeChild(iframe);
}

2) HTML：

複製程式碼 程式碼如下:

// 列印區域：

......

// 呼叫列印
印製

3. 測試
點選頁面上的列印按鈕，即可測試列印；

除了上面方法我們還可以透過jquery來實例，程式碼如下

複製程式碼 程式碼如下:

程式碼如下：


<script><BR>$(document).ready(function(){  $("input#biuuu_button").click(function(){<P>   $("div#myPrintArea").printArea();<P> <BR>});<BR>});<BR></script>

.....文字列印部分.....

如果要實現區域列印我們可嘗試下面方法

下面本文分享一個超簡單的方法實現頁面的列印功能，不僅可以列印整個頁面，還可以列印頁面某塊區域

複製代碼

代碼如下:

被列印區域：www.jb51 .net

這塊區域是印不到的！