O princípio é chamar o método Window.print (), mas esse método pode imprimir apenas toda a página atual, para que a solução a seguir seja resolver a impressão local.
1: Use o iframe para injetar os elementos e estilos que precisam ser impressos e depois ligue para a impressão // Função de código de amostra 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') /* Remova o cabeçalho e o rodapé ao imprimir* / styleele.innerhtml = '@media print {@page {margin: 5mm; }} 'Content.document.getElementsByTagName (' Head ') [0] .AppendChild (Styleele) / * Garanta que o carregamento de recursos no iframe seja concluído, a imagem deve ser introduzida no formulário iMg * / ifElement.onload = () => {content.print ()}} th ThisDeTailtilt (); addHtmlPrint ()} else {ifeLement = document.createElement ('iframe') ifElement.setAttribute ('id', 'ifid') ifElement.setAttribute ('style', 'display: nenhum') document.body.appendchild (ifelement) addHtmlprint ()}} 2: Use @media Print para definir a operação de impressão na página atual. @media print { / * Aqui, os elementos que não precisam ser impressos estão configurados para não exibir * / .hiddenlement {display: nenhum; /* visibilidade: oculto; */}/*O papel está definido como largura 1200px e altura 800px*/ @page {size: 1200px 800px; }}O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.