js は iframe を呼び出してページを印刷するメソッド content_jquery を実装します。

1. プログラムの説明

1) このプログラムは、ページ上の印刷する領域を選択し、iframe モードで印刷できます。
2) 元の print() との違いは、印刷をキャンセルすることです。現在アクセスしているページのコンテンツは、そのページ以降も完全に保持できます。

2. コード部分

1) JS 関数:

コードをコピー コードは次のとおりです。

function do_print(id_str)//id- str 印刷領域 ID
{
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 スタイルを導入し、www.111Cn.net が実際の状況に応じて変更します
doc.write("");
doc.write('

' el.innerHTML '

');
doc.close();
iframe.contentWindow .focus();
iframe.contentWindow.print();
if (navigator.userAgent.indexOf("MSIE") > 0)
{
ドキュメント。 body.removeChild(iframe) ;
}
}

2) HTML:

コードをコピー コードは次のとおりです:

//印刷領域:

......

// print
<ボタンを呼び出します onclick="javascript :do_print( 'print_box');">印刷

3. テスト

ページの印刷ボタンをクリックして印刷をテストします。

上記の方法に加えて、jquery を使用して例を実装することもできます。コードは次のとおりです。

コードをコピーします コードは次のとおりです。

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

....テキスト印刷部分....

エリア印刷を実現したい場合は、次の方法を試してください

次の記事では、ページの印刷機能を実現するための非常に簡単な方法を共有しています。ページ全体を印刷するだけでなく、ページの特定の領域を印刷することもできます。

コードをコピー コードは次のとおりです。

< head>

印刷領域: www.jb51.net

この領域は印刷できません。