1。「Media = "Print」のCSSを使用して、ファイルのスタイリングを制御してtestprint.htmlに印刷します。
次のようにコードコードをコピーします。
<link href = "/style/print.css" rel = "styleSheet" type = "text/css" media = "print" >>
/style/print.cssファイル
次のようにコードコードをコピーします。
.noprint {display：none;}
TestPrint.htmlのprint.cssのスタイルを使用しますが、その効果は表示されませんが、次の段落の場合は、ブラウザでまだ現実になります。はい、しかし、印刷するときは表示されません：
次のようにコードコードをコピーします。
<div>
<入力型= "button" onclick = "window.print（）;"このページを印刷 " />
</div>
もちろん、print.cssでスタイルで書くことができ、色を変更することができます（色の画像は白黒プリンターの下では良くありません。別のスタイルで印刷できます）、フォントを再生できます。 -------------------------------------------------------------- -------------------------------------------------------------- -------------------------------------------------------------- -------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------- --------
2。JavaScriptを使用して制御します
このため、一部の人々はCSSに熟練していないかもしれません、一部の人々はより多くの牛Xです。時々JavaScriptも良い選択です
次のようにコードコードをコピーします。
<script type = "text/javascript">
<！ -
//印刷する前に自動的に実行します
window.onbeforeprint = function（）{
$（ "#test"）。
}
//印刷後に自動的に実行します
window.onafterprint = function（）{
$（ "#test"）;
}
//->
</script>
<div id = "test">このテキストは印刷されません</div>
印刷する前に、この時点でウィンドウを呼び出します。もちろん、印刷後に元に戻す必要があります。つまり、window.onafterprint関数
-------------------------------------------------------------- ---------------
ヒント：注意してください。Window.print（）であることは誰もが知っています。実際、windop.top.centerframe.mainframe.print（）;などのフレームワークを印刷することもできます。