Webページ指定領域を印刷する3つの方法
1654 ワード
Webページで指定エリア印刷機能を実現する3つの方法を共有してみましょう.第1の方法:CSSを用いて1つを定義.noprintのclassは、印刷しない内容をこのclassに入れます.コードは次のとおりです.
.noprint{visibility:hidden}ここでは印刷する内容です.
第2の方法:印刷領域を指定して、印刷する内容をspanまたはdivに入れ、関数で印刷します.コードは次のとおりです.
ここでは印刷する内容すべてのコンテンツ
第2の方法:印刷領域を指定して、印刷する内容をspanまたはdivに入れ、関数で印刷します.コードは次のとおりです.
ここでは印刷する内容すべてのコンテンツ
div 2のコンテンツ印刷function printme(){document.body.innerHTML=document.getElementById('div 1').innerHTML+'
'+document.getElementById('div 2').innerHTML;window.print()}
ページ全体のほんの一部を印刷する場合は、2つ目の方法が望ましい.第3の方法:印刷するページのレイアウトが元のウェブページと大きく異なる場合は、この方法を採用します.印刷ボタンをクリックして新しいウィンドウをポップアップし、印刷する内容を新しいウィンドウに表示し、新しいウィンドウでwindowを呼び出す.print()メソッドを使用して、新しいウィンドウを自動的に閉じます.
Webデザイン----Webページの指定範囲を印刷する
'+document.getElementById('div 2').innerHTML;window.print()}
ページ全体のほんの一部を印刷する場合は、2つ目の方法が望ましい.第3の方法:印刷するページのレイアウトが元のウェブページと大きく異なる場合は、この方法を採用します.印刷ボタンをクリックして新しいウィンドウをポップアップし、印刷する内容を新しいウィンドウに表示し、新しいウィンドウでwindowを呼び出す.print()メソッドを使用して、新しいウィンドウを自動的に閉じます.
Webデザイン----Webページの指定範囲を印刷する
<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
}
</script>
<!--startprint--> <!--endprint-->
<input type="button" onClick="doPrint()" value=" " />
// css