2

Webサイトの請求書システムを作成しましたが、請求書（Webサイトのグラフィックではない）だけを印刷できるようにしたいので、印刷したいものだけを含むページと、下部にボタンを設定します。今すぐ印刷と書かれているページは、それが言っていることを実行します。

問題は、印刷されたページにまだ印刷ボタンが残っていることです。印刷ボタンを使用できる方法があるかどうか知りたいのですが、印刷するときだけボタンを取り除くことができますか？

これは私が使用しているコードです。ページを印刷します。

<form>
    <input type="button" value=" Print this page" 
        onclick="window.print();return false;" />
</form>

それで、これを行う方法、簡単な方法はありますか？

時間をありがとう。

「window.print（）;returnfalse;」を配置できることに気づきました。HTMLのbodyタグの「onload」セクションで、ボタンを削除できます。すべて問題ありません。

4

3 に答える 3

3

印刷メディアをターゲットにするには、CSSを使用する必要があります。

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

印刷ボタンをターゲットにする方法を追加する

<input type="button" value=" Print this page" class="button-print" onclick="window.print();return false;" />

そして、print.cssボタンを非表示にします

.button-print {
    display:none;
}

あなたはあなたのページをより印刷可能にするために他のことをたくさんすることができます。これについての良い記事があります

または、メインのCSSファイルで印刷CSSメディアクエリを使用することもできますが、以前のバージョンのIE（http://caniuse.com/#search=media）をサポートする場合は、最初のアプローチを使用するのが最適です。

于 2012-10-17T16:18:40.057 に答える
2

css@mediaprintを使用します。cssメディアタイプhttp://www.w3schools.com/css/css_mediatypes.aspを参照してください。

于 2012-10-17T16:18:21.067 に答える
-1

「window.print（）;returnfalse;」を配置できることに気づきました。HTMLのbodyタグの「onload」セクションで、ボタンを削除できます。すべて問題ありません。

これで、前のページの印刷リンクをクリックすると、印刷プレビューページがChromeで読み込まれます。

于 2012-10-17T16:18:37.320 に答える