Het doel van JavaScript 's window.print ( ) -functie is het openen dialoogvenster Afdrukken van de browser en kan de gebruiker gemakkelijk afdrukken uit een webpagina . Het voert precies dezelfde functie als Ctrl + f of Bestand > Afdrukken , maar is nuttig om webontwikkelaars omdat het laat hen onder andere een afdruk prompt op een gunstige locatie op de pagina . De syntax is eenvoudig te leren en heeft ruimte voor veel maatwerk . Laten we eens een kijkje nemen op de meest voorkomende wijze van gebruik van window.print ( ) . Instructies
Met behulp van een standaard Button
1 Plak de volgende code in uw pagina .
= " Button " value = " Print " onClick = " window < input type . print () " >
Wanneer u opslaan en opnieuw laden van de pagina een standaard grijze knop zal verschijnen met de tekst " Print "erop . kopen van 2 bewerken " pagina afdrukken "om wat je je knop om te zeggen .
3 Pas de vorm, grootte en kleur van uw knoop door toevoeging van een CSS-klasse wil . Steek deze regel code , class = " bttn " maak vervolgens een bijbehorende CSS-klasse in je stylesheet .
Gebruik van tekst en afbeeldingen
4 Plak de volgende code in uw pagina : href="javascript:window.print()">  < /a >
5 Vervang " image.jpg " met de URL van de afbeelding die u wilt gebruiken als een knop . Wanneer een gebruiker op de afbeelding klikt het dialoogvenster Afdrukken wordt geopend .
6 Begrijp de syntax van de JavaScript- URL . In plaats van een gewone URL als de href , hebben we deze vervangen door javascript : window.print ( ) , die de print functie noemt . U kunt andere JavaScript -functies met vergelijkbare syntax noemen .
7 Maak een tekstlink door het plakken van de volgende regel code . Voeg een CSS-klasse voor extra aanpassingen.
Print deze pagina < /a >
< br > |
