Skriv ut Tutorial for Javascript

Formålet med Javascript er window.print () funksjon er å åpne opp dialogboksen for utskrift nettleserens og tillater brukeren å enkelt skrive ut en webside. Det utfører nøyaktig samme funksjon som Ctrl + f eller Fil> Skriv ut, men er nyttig for webutviklere fordi det la oss dem inkluderer en utskriftstekst i et passende sted på siden. Syntaksen er lett å lære og har rom for mye tilpasning. La oss ta en titt på de mest vanlige metodene for å bruke window.print ().

Bruksanvisning

Ved hjelp av en standard knapp

1 Lim inn følgende kode i siden din.

<Input type = "button" value = "Skriv ut" onclick = "window.print ()">

Når du lagrer og oppdater siden en standard grå knappen vises med teksten "Skriv ut" på den.

2 Edit "Skriv ut" til hva du vil at knappen for å si.

3 Tilpass form, størrelse og farge på knappen ved å legge til en CSS-klasse. Sett denne linjen med kode, class = "bttn" og deretter opprette en tilsvarende CSS-klasse i ditt stilark.

Ved hjelp av tekst og bilder

4 Lim inn følgende kode på din side:

<a href="javascript:window.print()"> <img med nettadressen til bildet du vil bruke som en knapp. Når en bruker klikker på bildet vil utskrifts dialogboksen åpnes.

6 Forstå syntaksen til Javascript URLen. I stedet for å ha en vanlig nettadresse som href, har vi erstattet den med javascript: window.print (), som kaller utskriftsfunksjonen. Du kan ringe andre Javascript-funksjoner ved hjelp av lignende syntaks.

7 Lag en tekst link ved å lime inn følgende linje med kode. Legg en CSS-klasse for ekstra tilpasning.

<a href="javascript:window.print()"> Skriv ut denne siden </a>