JS を使用してページング印刷を実装する方法
今回は、JSを使用してページング印刷を実装する方法と、JSを使用してページング印刷を実装する際の注意点について説明します。以下は実際のケースです。
window.print() を呼び出すと印刷効果が得られますが、コンテンツが多すぎる場合はページング印刷が必要になります。 window.print()时，可以实现打印效果，但内容太多时要进行分页打印。
在样式中有规定几个打印的样式
page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。
每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。
page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。
page-break-before若设定成left，则会插入分页符号，直到指定的组件出现在一个左边的空白页上。
page-break-before若设定成right，则会插入分页符号，直到指定的组件出现在一个右边的空白页上。
page-break-after属性会将分页符号加在指定组件后，而非之前。
在下列程序中您将可以看到这些属性的设定，
<HTML> <HEAD> <TITLE>Listing 14-4</TITLE> </HEAD> <BODY> <p>This is the first p.</p> <p STYLE="page-break-before:always">This is the second p.</p> <p STYLE="page-break-after:always">This is the third p.</p> <p>This is the fourth p.</p> <p STYLE="page-break-before:right">This is the fifth p.</p> <p STYLE="page-break-after:right">This is the sixth p.</p> <p>This is the last p.</p> </BODY> </HTML>
| 值 | 描述 |
| auto | 默认值。如果必要则在元素前插入分页符 |
| always | 在元素前插入分页符 |
| avoid | 避免在元素前插入分页符 |
| left | 在元素之前足够的分页符，一直到一张空白的左页为止 |
| right | 在元素之前足够的分页符，一直到一张空白的右页为止 |
| inherit | 规定应该从父元素继承 page-break-before 属性的设置 |
在Dom对象中pageBreakBefore属性
语法:
Object.style.pageBreakBefore=auto|always|avoid|left|right
page-break-before および page-break-after CSS プロパティは、Web ページの外観を変更しません画面表示では、これら 2 つのプロパティを使用して、ファイルの印刷方法を制御します。 各印刷属性は、自動、常に、左、右の 4 つの設定値に設定できます。このうち、改ページは必要な場合にのみ設定する必要があるデフォルト値です。 page-break-before が always に設定されている場合、プリンターは特定のコンポーネントに遭遇したときに新しい印刷ページを再開します。
page-break-before が left に設定されている場合、指定されたコンポーネントが左の空白ページに表示されるまで改ページ記号が挿入されます。
page-break-before が right に設定されている場合、指定されたコンポーネントが右側の空白ページに表示されるまで改ページ記号が挿入されます。 page-break-after 属性は、指定されたコンポーネントの前ではなく後に改ページ記号を追加します。
<html>
<head>
<script type="text/javascript">
function setPageBreak()
{
document.getElementById("p2").style.pageBreakBefore="always";
}
</script>
</head>
<body>
<p>This is a test paragraph.</p>
<input type="button" onclick="setPageBreak()" value="Set page-break" />
<p id="p2">This is also a test paragraph.</p>
</body>
</html>| Value | 説明 |
| auto | デフォルト値。必要に応じて要素の前に改ページを挿入します |
| 常に | 要素の前に改ページを挿入します |
| 要素の前に改ページを挿入しないようにします | |
| left | 要素の前に 1 ページになるまで十分な改ページを入れます空白の左ページができるまで |
| 右 | 要素の前で十分な改ページがあり、空白の右ページができるまで | tr>
| inherit | page-break-before 属性の設定を親要素から継承することを指定します |
Object.style.pageBreakBefore=auto|always|回避|左|右🎜rrreee🎜この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 🎜🎜推奨読書: 🎜🎜🎜バイソンによるMacインストールの節約エラーに対処する方法🎜🎜🎜🎜🎜インストール後に淘宝のcnpmを正しく処理する方法 cnpmは内部コマンドでも外部コマンドでもありません🎜🎜🎜以上がJS を使用してページング印刷を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7622
15
1389
52
89
11
31
138
Excelで印刷時に枠線が消えてしまった場合はどうすればよいですか？
Mar 21, 2024 am 09:50 AM
印刷が必要なファイルを開いたときに、印刷プレビューで表の枠線が何らかの原因で消えてしまった場合は、早めに対処する必要があります。 file このような質問がある場合は、エディターに参加して次のコースを学習してください: Excel で表を印刷するときに枠線が消えた場合はどうすればよいですか? 1. 次の図に示すように、印刷する必要があるファイルを開きます。 2. 以下の図に示すように、必要なコンテンツ領域をすべて選択します。 3. 以下の図に示すように、マウスを右クリックして「セルの書式設定」オプションを選択します。 4. 以下の図に示すように、ウィンドウの上部にある「境界線」オプションをクリックします。 5. 下図に示すように、左側の線種で細い実線パターンを選択します。 6.「外枠」を選択します
メモリまたはディスク容量が不足しているため、このドキュメントのページを変更または印刷できません。Word エラーです。
Feb 19, 2024 pm 07:15 PM
この記事では、Microsoft Word で文書を再ページしたり印刷したりするときにメモリまたはディスク容量が不足する問題を解決する方法を紹介します。このエラーは通常、ユーザーが Word 文書を印刷しようとしたときに発生します。同様のエラーが発生した場合は、この記事に記載されている解決策を参照してください。この文書を再ページまたは印刷するにはメモリまたはディスク容量が不足しています。 Word エラー Microsoft Word の印刷エラー「文書を再ページまたは印刷するには、メモリまたはディスク容量が不足しています。」を解決する方法。 Microsoft Office を更新する メモリを大量に消費するアプリケーションを閉じる 通常使うプリンタを変更する Word をセーフ モードで起動する NorMal.dotm ファイルの名前を変更する Word ファイルを別のファイルとして保存する
iPhoneから印刷する4つの方法
Feb 02, 2024 pm 04:10 PM
このデジタル世界においても、印刷されたページの必要性は消えていません。コンテンツをコンピュータに保存してプリンタに直接送信するほうが便利だと思うかもしれませんが、iPhone でも同じことができます。 iPhone のカメラを使用すると、写真やドキュメントを撮ることができ、いつでも印刷できるようにファイルを直接保存することもできます。このようにして、必要な情報を迅速かつ簡単に具体化し、紙の文書に保存できます。仕事中でも日常生活でも、iPhone はポータブルな印刷ソリューションを提供します。次の投稿は、iPhone を使用してページをプリンタで印刷する場合に知っておくべきことをすべて理解するのに役立ちます。 iPhone から印刷する: Apple に問い合わせる
Windows 11/10でスニッピングツールから印刷できない
Feb 19, 2024 am 11:39 AM
Windows 11/10 で Snipping Tool を使用して印刷できない場合は、システム ファイルの破損またはドライバーの問題が原因である可能性があります。この記事では、この問題の解決策を紹介します。 Windows 11/10 で Snipping Tool から印刷できない Windows 11/10 で Snipping Tool から印刷できない場合は、次の修正を使用します。 PC プリンタを再起動する 印刷キューをクリアする プリンタとグラフィックス ドライバを更新する Snipping Tool を修正またはリセットする SFC を実行し、 DISM スキャンは PowerShell コマンドを使用して Snipping Tool をアンインストールおよび再インストールします。始めましょう。 1] PC とプリンターを再起動します。 PC とプリンターを再起動すると、一時的な不具合を解消できます。
Windows 11で印刷を一時停止する方法
Feb 19, 2024 am 11:50 AM
間違って大きなファイルを印刷してしまったのでしょうか？インクと用紙を節約するために印刷を停止または一時停止する必要がありますか? Windows 11 デバイスで進行中の印刷ジョブを一時停止する必要がある状況は数多くあります。 Windows 11 で印刷を一時停止するにはどうすればよいですか? Windows 11 では、印刷を一時停止すると印刷ジョブは一時停止されますが、印刷タスクはキャンセルされません。これにより、ユーザーはより柔軟な制御が可能になります。これを行うには、次の 3 つの方法があります。 タスクバーを使用して印刷を一時停止する Windows の設定を使用して印刷を一時停止する コントロール パネルを使用して印刷する それでは、これらを詳しく見てみましょう。 1] タスクバーを使用して印刷する タスクバーの印刷キュー通知を右クリックします。クリックすると、アクティブなプリンター オプションがすべて開きます。ここで、印刷ジョブを右クリックし、「すべて一時停止」を選択します。
Word の差し込み印刷で空白ページが印刷される
Feb 19, 2024 pm 04:51 PM
Word を使用して差し込み印刷文書を印刷するときに空白のページが表示される場合は、この記事が役に立ちます。差し込み印刷は、個人用の文書を簡単に作成し、複数の受信者に送信できる便利な機能です。 Microsoft Word の差し込み印刷機能は、ユーザーが受信者ごとに同じコンテンツを手動でコピーする時間を節約できるため、高く評価されています。差し込み文書を印刷するには、[差し込み文書] タブに移動します。しかし、一部の Word ユーザーは、差し込み文書を印刷しようとすると、プリンターで空白のページが印刷されたり、まったく印刷されなかったりすると報告しています。これは、間違ったフォーマットまたはプリンター設定が原因である可能性があります。文書とプリンターの設定を確認し、印刷前に必ず文書をプレビューして内容が正しいことを確認してください。もし
Outlook ですべての添付ファイルを印刷する方法
Feb 20, 2024 am 10:30 AM
Outlook は最も機能が豊富な電子メール クライアントの 1 つであり、プロフェッショナルなコミュニケーションに不可欠なツールとなっています。課題の 1 つは、Outlook ですべての添付ファイルを同時に印刷することです。通常、印刷する前に添付ファイルを 1 つずつダウンロードする必要がありますが、すべてを一度に印刷したい場合、これはほとんどの人が遭遇する問題です。 Outlook ですべての添付ファイルを印刷する方法 ほとんどの情報は Outlook アプリケーションでオンラインで保持されますが、バックアップのために情報を印刷する必要がある場合があります。契約書、政府の書類、宿題などの法的要件を満たすために、文書に直接署名する必要があります。 Outlook の添付ファイルを 1 つずつ印刷するのではなく、ワンクリックですべての添付ファイルを印刷できる方法がいくつかあります。それぞれを詳しく見てみましょう。アウトルー
WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー
Dec 17, 2023 pm 05:30 PM
WebSocketとJavaScript：リアルタイム監視システムを実現するためのキーテクノロジー はじめに： インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー
