0 
<a href="_javascript:window.print()">
<img class="noPrint" src="Images/Print_icon.png" border="0"></a>

これは、印刷機能を実装するために使用している唯一のコードです。印刷ダイアログ ボックスを生成します。ページを印刷しやすくするために、スタイルシートを使用し、印刷ページに不要な div を非表示にしました。

次に、そのページの印刷プレビューを生成する必要があります。助言がありますか？

ありがとう

4

3 に答える 3

1

基本的にこれまで利用できる機能はありませんがprint.htm、Print cssを使用して同じ名前の同じhtmlファイルのコピーを作成し、このファイルを[Print Preview]ボタンをクリックしてポップアップページとして開き、レンダリングすることで実現できます。これにより、ページがプレビューされます。

<html> 
<head> 
<title></title> 
//do it in simple way.. 
<script LANGUAGE=”JavaScript”&gt; 
function displayMessage(printContent) { 
var inf = printContent; 
win = window.open(”print.htm”, ‘popup’, ‘toolbar = no, status = no’); 
win.document.write(inf); 
win.document.close(); // new line 
} 
</script> 
</head> 
<body> 
<div id=”printarea”&gt;Print this stuff.</div> 
<a href=”javascript:void(0);” onclick=”displayMessage(printarea.innerHTML)”&gt;Print Preview</a>

</body> 
</html>
于 2012-04-18T06:01:18.337 に答える
0

私は本当にこれが実用的だとは思いません。Web ページには、フォント サイズ (ズーム レベル)、ページ マージン、向き、または印刷プレビュー イメージを作成するために必要なその他の情報がありません。

さらに、ページが他のサイトの画像やその他のコンテンツを参照することもできます。あなたのコードは、ここで何が必要かをどのように知るのでしょうか?

幸いなことに、私が使用しているブラウザー (IE と Chrome) は印刷プレビューを提供しているので、いずれにせよ無料で入手できます。しかし、印刷プレビューを手動で実装しようとしている場合、それが実際的な目標とは思えません。

于 2012-04-18T05:21:06.930 に答える
0

1 つの方法は、css で mediaType print を使用することです。この CSS は、印刷モードでページを開いたときにのみ適用されます。css ファイルに次のクラスを追加します。

@media print {
// printer friendly page css
}

もう 1 つの方法は、純粋な JavaScript を使用することです。これについては、インターネット上にたくさんの記事があります。

印刷に適したページの共通テンプレートがある場合。印刷版用に別のページを作成し、ユーザーがリンクをクリックすると、新しい印刷用のページに移動することをお勧めします。これは絶対確実であり、完全に制御できるため、このアプローチをお勧めします。残りのアプローチにはいくつかの落とし穴があります。

于 2012-04-18T05:44:40.403 に答える