El principio es llamar al método Window.print (), pero este método solo puede imprimir toda la página actual, por lo que la siguiente solución es resolver la impresión local.
1: Use iframe para inyectar los elementos y estilos que deben imprimirse y luego llamar a la impresión // Función de código de muestra impreso () {let iFElement = document.getElementById ('ifid') const addhtmlprint = () => {const content = ifelement.contentwindow || ifelement.ContentDocument content.document.body.innerhtml = this.detailtable const styleElee = document.createElement ('style') /* Eliminar el encabezado y el pie de página al imprimir* / styleEele.innerhtml = '@media imprime {@page {margen: 5 mm; }} 'content.document.getElementsBytagName (' head ') [0] .AppendChild (styleElee) / * Asegúrese de que la carga de recursos en el iFrame se complete, la imagen debe introducirse en img Form * / ifelement addhtmlprint ()} else {ifelement = document.createElement ('iframe') ifelement.setTribute ('id', 'ifid') ifeLement.SetAttribute ('style', 'display: none') document.body.appendchild (ifelement) addhtmlprint ()}} 2: Use la impresión @Media para establecer la operación de impresión en la página actual. @Media imprime { / * Aquí, los elementos que no necesitan imprimirse están configurados para no mostrar * / .hidden-element {display: none; /* Visibilidad: Oculta; */}/*El papel está configurado en ancho 1200px y altura 800px*/ @page {size: 1200px 800px; }}Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.