Stampa parte specifica della pagina Web

Gli sviluppatori spesso consentono di stampare solo la parte specifica del contenuto di una pagina Web, come qualsiasi piano di pagamento o un pezzo di informazioni particolari. Normalmente, il metodo tradizionale da stampare può essere utilizzato per la stampa, come il comando di stampa. Tuttavia, non ti consente di stampare il contenuto particolare a meno che non si utilizzi uno strumento di screenshot per acquisire e stampare. Questo approccio può essere utile, tuttavia, riduce la leggibilità del testo.

Questo tutorial illustrerà la procedura per stampare una parte particolare di una pagina Web utilizzando JavaScript.

Come stampare una parte specifica di una pagina web?

Per stampare la parte specifica della pagina Web con alta qualità:

• Usa il "getElementById ()"Metodo per ottenere il riferimento dell'elemento di contenuto.
• Quindi, utilizza il "finestra.aprire"Metodo, che apre la finestra di stampa con la dimensione specificata.
• "finestra.documento.scrivere"Scrive il testo nella finestra.
• "finestra.documento.vicino"Chiude il documento.
• "finestra.messa a fuoco()"Imposta l'attenzione sul contenuto della finestra di stampa.
• Infine, usa il "finestra.stampa()"Per stampare il contenuto.

Esempio
In un file HTML, in primo luogo, crea un div in una pagina web con alcuni contenuti:

Linuxhint è il miglior sito Web per le capacità di apprendimento.

Fornisce più linguaggi di programmazione per apprendere abilità come

• HTML/CSS


• JavaScript


• Giava


• Pitone

Crea un pulsante di stampa fuori dal div e allega un "al clic"Evento con esso che chiama la funzione"stampa()"Mentre viene cliccato:

Stampa

Dopo aver eseguito il codice sopra offerto, la pagina Web apparirà come segue:

Ora, nel file JavaScript o nel tag, aggiungi le righe di codice fornite:

funzione print ()
var printdiv = documento.getElementById ("divprint");
var printwindow = finestra.Open (",", 'Left = 0, top = 0, larghezza = 800, altezza = 500, strumento barra = 0, scrollbar = 0, status = 0');
printwindow.documento.Scrivi (printdiv.Innerhtml);
printwindow.documento.vicino();
printwindow.messa a fuoco();
printwindow.stampa();

Nel frammento di codice sopra:

• Innanzitutto, definisci il “stampa()"Metodo che viene invocato quando il"al clic"L'evento è attivato.
• Ottieni l'elemento (div) che si desidera stampare passando l'ID assegnato al "getElementById ()" metodo.
• Chiama il "finestra.aprire()"Metodo e passa la dimensione della finestra in base al requisito.
• Passare il riferimento dell'elemento Div a "finestra.documento.scrivere()Metodo "con il"Innerhtml"Proprietà per scrivere il contenuto sulla finestra di stampa.
• Quindi, chiudi il documento usando "finestra.vicino()" metodo.
• Imposta concentrati sulla finestra di stampa usando "finestra.messa a fuoco()" metodo.
• Infine, chiama il "stampa"Metodo dell'oggetto della finestra per stampare il contenuto specificato.

Produzione

Si tratta di stampare la parte specifica della pagina web.

Conclusione

Per stampare la parte specifica della pagina Web, utilizzare il “getElementById ()"Metodo per ottenere il riferimento dell'elemento del contenuto. Quindi, usa il "finestre"Metodi, incluso"finestra.aprire","finestra.documento.scrivere","finestra.documento.vicino","finestra.messa a fuoco()", E "finestra.stampa()". In questo tutorial, abbiamo illustrato la procedura per stampare una parte particolare di una pagina Web utilizzando JavaScript.