フロントエンドのjsブラウザの印刷

window.print()は、ブラウザを呼び出して印刷するメソッドです。ただし、デフォルトでは、ウィンドウが現在配置されているページのページ全体が印刷されます。特定の領域のみを印刷する方法、つまり、特定のDom要素の要素のみを印刷する方法はありますか?

function BrowserPrint (Dom){
    
    
	window.document.body.innerHTML = Dom.innerHTML;
    window.print(); 
    // 打印完成以后一定要重新刷新页面,因为window被要打印的Dom取代了
    window.location.reload();
}

const printDom = window.document.getElementById('content-area');
BrowserPrint (printDom);

需要が発生した場合、iframeタグsrcが指すファイルを印刷するのは少し面倒ですが、まだ調査中です。クロスドメインの問題が原因で、iframeのcontentWindowがスムーズに取得されず、 iframeサブページのprintメソッドを呼び出す方法。

おすすめ

転載: blog.csdn.net/glorydx/article/details/114768894
おすすめ