0

Web ページを印刷したい場合、完全な Web ページを印刷します。Web ページを印刷するオプションはありますか。今、私は請求明細書のために働いています。

メニュー、ログアウト、印刷など、自動的に印刷されるWebページのすべてのページを印刷します。しかし、会社名、ロゴ、住所、請求表、メモ、署名などの請求書の詳細のみを印刷したいと考えています。

それがどのように可能か教えてください。

このコードは全ページを印刷します

<script language="JavaScript"> 
if (window.print) {
 document.write('<form><input type=button name=print value="Print"     onClick="window.print()"></form>');
}
</script>

しかし、そのページにのみ請求書の詳細を印刷する必要があります。

ありがとう。

4

1 に答える 1

3

ページに追加のスタイルシートを追加し、media 要素を利用します。

<link rel='stylesheet' media='screen,print' href='css/standardstylesheet.css'>

<!-- print stylesheet -->
<link rel='stylesheet' media='print' href='css/printStyles.css'>

印刷スタイル シートで、印刷したくない要素のセレクターを追加し、次のように設定しますdisplay:none。

#myMenu, #myNavBar, #someOtherElement {
    display:none;  /* Opacity:0; might work too. */
}

選択した非印刷要素が消えたときに要素が移動しないように、CSS を調整する必要がある場合があります。

于 2013-07-11T04:57:30.180 に答える