原則はwindow.print()メソッドを呼び出すことですが、この方法は現在のすべてのページのみを印刷することができるため、次のソリューションはローカル印刷を解決することです。
1:iframeを使用して、印刷する必要がある要素とスタイルを注入し、プリントに電話してください// sample code function print(){let ifelement = document.getElementbyId( 'ifid')const addhtmlprint =()=> {const content = ifelement.contentwindow || ifelement.contentdocument content.document.body.innerhtml = this.detailtable const styleele = document.createelement( 'style') /*印刷時にヘッダーとフッターを削除* / styleele.innerhtml = '@media print {@page {@page {magrim:5mm; }} 'content.document.getElementsByTagname(' head ')[0] .appendChild(styleele) / * iframeのリソースロードがIMG formで完了していることを確認してください。 addhtmlprint()} else {ifelement = document.createelement( 'iframe')ifelement.setattribute( 'id'、 'ifid')ifelement.setattribute( 'style'、 'display:none')document.bode.appendchild(ifelement)addhtmlprint()}}} 2:@media印刷を使用して、現在のページに印刷操作を設定します。 @media print { / *ここで、印刷する必要のない要素は、表示されないように設定されています * / .hidden-element {display:none; /*可視性:非表示; */}/*紙は幅1200pxと高さ800pxに設定されています*/ @page {size:1200px 800px; }}上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。