HTML印刷関連の操作と実装の詳細な説明

// サンプルコード function print () {
    ifElement = document.getElementById('ifId') とします。
    定数addHtmlPrint = () => {
        定数コンテンツ = ifElement.contentWindow || ifElement.contentDocument
        content.document.body.innerHTML = this.detailTable
        const styleEle = document.createElement('style')
        /* 印刷時にヘッダーとフッターを削除します*/
        styleEle.innerHTML = '@media print {@page { margin: 5mm; }}'
        content.document.getElementsByTagName('head')[0].appendChild(styleEle)

        /* iframe 内のリソースが読み込まれ、画像が img 形式でインポートされていることを確認します*/
        ifElement.onload = () => {
            コンテンツ.print()
        }
    }
    this.getDetailTable()

    if (ifElement) {
        // 作成されている場合は直接印刷します addHtmlPrint()
    } それ以外 {
        ifElement = document.createElement('iframe')
        ifElement.setAttribute('id', 'ifId')
        ifElement.setAttribute('style', 'display:none')
        document.body.appendChild(ifElement)

        HTML 印刷を追加します。
    }
}

@media 印刷{
    /* ここで、印刷する必要のない要素を非表示に設定します*/
    .隠し要素{
        表示:なし;
        /* 可視性:非表示; */
    }
    /*用紙は幅1200ピクセル、高さ800ピクセルに設定されています*/
    @ページ{
        サイズ:1200px 800px;
    }
}