Le principe est d'appeler la méthode Window.print (), mais cette méthode ne peut qu'imprimer toute la page actuelle, donc la solution suivante consiste à résoudre l'impression locale.
1: Utilisez iframe pour injecter les éléments et les styles qui doivent être imprimés, puis appelez l'impression // Exemple de fonction de code print () {let ifElement = document.getElementById ('ifid') const addhtmlprint = () => {const contenu = ifElement.contentwindow || ifElement.ContentDocument Content.Document.Body.InnerHtml = this.detailTable const stylelele = Document.CreateElement ('Style') / * Retirez l'en-tête et le pied de page lors de l'impression * / styleele.innerhtml = '@media print {@Page {margin: 5mm; }} 'contenu.Document.getElementsByTagName (' Head ') [0] .APPENDCHILD (stylelele) / * Assurez-vous que le chargement de ressources dans l'IFRAME est terminé, l'image doit être introduite dans IMG Form * / IfElement.onLoad = () => {content.print) {)}} this.getdetailTable () if (ifellement) {// addhtmlprint ()} else {ifElement = document.createElement ('iframe') ifElement.setAttribute ('id', 'ifid') ifelement.setAttribute ('style', 'affiche: non') document.body.appendChild (ifElement) addHtmlPrint ()}}} 2: Utilisez @Media Print pour définir l'opération d'impression sur la page actuelle. @media print {/ * Ici, les éléments qui n'ont pas besoin d'être imprimés sont définis pour ne pas afficher * / .hidden-element {display: aucun; / * Visibilité: cachée; * /} / * Le papier est défini sur la largeur 1200px et la hauteur 800px * / @Page {size: 1200px 800px; }}Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.