Skriv ut spesifikk del av websiden

Utviklerne tillater ofte bare å skrive ut den spesifikke delen av innholdet i en webside, for eksempel eventuelle betalingsplaner eller et stykke spesiell informasjon. Normalt kan den tradisjonelle metoden for utskrift brukes til utskrift, som utskriftskommandoen. Imidlertid lar det deg ikke skrive ut det aktuelle innholdet med mindre du bruker et skjermbildeverktøy for å fange og skrive ut. Denne tilnærmingen kan være nyttig, men den reduserer lesbarheten til teksten.

Denne opplæringen vil illustrere prosedyren for å skrive ut en bestemt del av en webside ved hjelp av JavaScript.

Hvordan skrive ut en bestemt del av en webside?

For å skrive ut den spesifikke delen av websiden med høy kvalitet:

• Bruke "getElementById ()”Metode for å få referansen til innholdselementet.
• Bruk deretter “vindu.åpen”Metode, som åpner utskriftsvinduet med den spesifiserte størrelsen.
• “vindu.dokument.skrive”Skriver teksten i vinduet.
• “vindu.dokument.Lukk”Lukker dokumentet.
• “vindu.fokus()”Angir fokus på innholdet på utskriftsvinduet.
• Til slutt, bruk "vindu.skrive ut()”For å skrive ut innholdet.

Eksempel
I en HTML -fil, først, oppretter du en div på en webside med noe innhold:

Linuxhint er det beste nettstedet for læringsferdigheter.

Det gir flere programmeringsspråk for å lære ferdigheter som for eksempel

• HTML/CSS


• JavaScript


• Java


• Python

Opprett en utskriftsknapp utenfor div og fest en "ved trykk”Hendelse med det som kaller funksjonen”skrive ut()”Mens det er klikket:

Skrive ut

Etter å ha utført den ovennevnte koden, vil websiden se ut som følger:

Nå, i JavaScript -filen, eller taggen, kan du legge til de gitte kodelinjene:

Funksjonsutskrift ()
var printdiv = dokument.getElementById ("Divprint");
var printwindow = vindu.åpen (",", 'venstre = 0, topp = 0, bredde = 800, høyde = 500, verktøylinje = 0, rullefelt = 0, status = 0');
PrintWindow.dokument.Skriv (printdiv.indrehtml);
PrintWindow.dokument.Lukk();
PrintWindow.fokus();
PrintWindow.skrive ut();

I ovennevnte kodebit:

• Først, definer “skrive ut()”Metode som påberopes når“ved trykk”Arrangementet utløses.
• Få elementet (div) som du vil skrive ut ved å sende den tildelte ID -en til "getElementById ()”Metode.
• Ring "vindu.åpen()”Metode og pass på vindusstørrelsen i henhold til kravet ditt.
• Gi referansen til Div -elementet til “vindu.dokument.skrive()”Metode med“indrehtml”Eiendom for å skrive innholdet i utskriftsvinduet.
• Lukk deretter dokumentet ved å bruke "vindu.Lukk()”Metode.
• Sett fokus på utskriftsvinduet ved å bruke “vindu.fokus()”Metode.
• Til slutt, ring "skrive ut”Metode for vindusobjektet for å skrive ut det spesifiserte innholdet.

Produksjon

Det handler om å skrive ut den spesifiserte delen av websiden.

Konklusjon

For å skrive ut den spesifikke delen av websiden, bruk "getElementById ()”Metode for å få referansen til elementet i innholdet. Bruk deretter “vindu”Metoder, inkludert“vindu.åpen”,“vindu.dokument.skrive”,“vindu.dokument.Lukk”,“vindu.fokus()”, Og“vindu.skrive ut()”. I denne opplæringen illustrerte vi prosedyren for å skrive ut en bestemt del av en webside ved hjelp av JavaScript.