IRONSOFTWAREHOME
特定のページにヘッダー/フッターを追加
import {PdfDocument} from "@ironsoftware/ironpdf";

(async () => {
    const multi_page_html = `
    <p> This is 1st Page</p>
    <div style='page-break-after: always;'></div>
    <p> This is 2nd Page</p>
    <div style='page-break-after: always;'></div>
    <p> This is 3rd Page</p>
    <div style='page-break-after: always;'></div>
    <p> This is 4th Page</p>
    <div style='page-break-after: always;'></div>
    <p> This is 5th Page</p>
    <div style='page-break-after: always;'></div>
    <p> This is 6th Page</p>
    <div style='page-break-after: always;'></div>
    <p> This is 7th Page</p>`;

    // Create a PDF or Load an existing PDF using PdfDocument.fromFile
    const pdf = await PdfDocument.fromHtml(multi_page_html);

    // Create a header
    const header = {
        htmlFragment: "THIS IS HEADER {page} of {total-pages}",
    };

    // Get page count
    const pageCount = await pdf.getPageCount();

    // Create a Page Range 0 .. 7
    const allPageIndexes = Array.from({ length: pageCount }, (_, index) => index);

    // Example 1
    // Apply header to even page index only. (page number will be odd number because index starts at 0 but page number starts at 1)
    const evenPageIndexes = allPageIndexes.filter(number => number % 2 === 0);
    await pdf.addHtmlHeader(header, evenPageIndexes);
    await pdf.saveAs("EvenPages.pdf");
    
    // Example 2
    // Apply header to odd page index only. (page number will be even number because index starts at 0 but page number starts at 1)
    const oddPageIndexes = allPageIndexes.filter(number => number % 2 !== 0);
    await pdf.addHtmlHeader(header, oddPageIndexes);
    await pdf.saveAs("OddPages.pdf");
    
    // Example 3
    // Apply header to the last page only.
    const lastPageIndex = [pageCount - 1];
    await pdf.addHtmlHeader(header, lastPageIndex);
    await pdf.saveAs("LastPageOnly.pdf");
    
    // Example 4
    // Apply header to the first page only.
    const firstPageIndex = [0];
    await pdf.addHtmlHeader(header, firstPageIndex);
    await pdf.saveAs("FirstPageOnly.pdf");
    
    // Example 5
    // Skip the first page.
    const skipFirstPageIndexes5 = allPageIndexes.slice(1);
    await pdf.addHtmlHeader(header, skipFirstPageIndexes5);
    await pdf.saveAs("SkipFirstPage.pdf");
})();
npm i @ironsoftware/ironpdf
特定のページにヘッダー/フッターを追加

特定のページにヘッダー/フッターを追加

IronPDF を使用すると、新しくレンダリングされた PDF または既存の PDF ドキュメントにヘッダーとフッターを簡単に追加できます。

ヘッダーを追加するために addHtmlHeader メソッドを使用し、フッターを追加するために addHtmlFooter メソッドを使用できます。 これらのメソッドには、loadStylesAndCSSFromMainHtmlDocument、および maxHeight を含むオブジェクトが必要です。

  • dividerLine: ヘッダーまたはフッターの後に仕切り線を適用します。
  • dividerLineColor: 仕切りの色をカスタマイズします。
  • htmlFragment: ヘッダーまたはフッターに使用されるHTML文字列を指定します。
  • loadStylesAndCSSFromMainHtmlDocument: メインHTMLドキュメントからCSSを読み込むことを有効にします。 この機能は、HTML から PDF にレンダリングする場合にのみ機能します。
  • maxHeight: ヘッダーとフッターの最大高さを設定します。

下記はヘッダーとフッターを追加するためにIronPDFを使用する方法を示す例です:

その後、ヘッダーまたはフッターが適用されるページ番号である 2 番目のパラメータを指定できます。 仕様は単一ページ、複数ページ、または string "all" を使用したすべてのページに対して行うことができます。 ページ番号が指定されていない場合、このメソッドはヘッダーまたはフッターをすべてのページに適用します。

高度なヘッダーとフッターのPDF例を見る
GitHubで見る

準備はできましたか?

バージョン:2026.6リリースされたばかり

Key in blue circle

無料の30日間トライアルキーをすぐに入手してください。

Your trial license will be sent to your email address

制限なし。100% ロック解除済み。クレジットカード不要。

bullet_checkedクレジットカードやアカウントの作成は不要です。制限なし。100% ロック解除済み。クレジットカード不要。
  • Logo Aetna
  • Logo NASA
  • Logo GE
  • Logo Porsche
  • Logo USDA
  • Logo Qatar
Join Millions of Engineers who’ve tried IronPDF
無料のライブデモを予約する
Booking Badge

世界中の数百万人のエンジニアから信頼されています。

ライセンスはより安く
義務のない相談を受ける
下記のフォームを記入するか、sales@ironsoftware.comにメールしてください。
あなたの詳細は常に守秘されます。
世界中の数百万人のエンジニアから信頼されています。
ライセンスはより安く
あなたの無料30日間の試用キーをすぐに入手。
クレジットカードやアカウントの作成は不要です。