| Hjem | Hardware | Netværk | Programmering | software | Fejlfinding | systemer | 
Programmering  
  • C /C + + Programming
  • Computer Programmeringssprog
  • Delphi programmering
  • Java programmering
  • JavaScript Programmering
  • PHP /MySQL programmering
  • Perl programmering
  • Python Programming
  • Ruby Programming
  • Visual Basics Programmering
  •  
    Computer Viden >> Programmering >> JavaScript Programmering >> Content
    Print Tutorial for JavaScript
    Formålet med JavaScripts window.print () funktion er at åbne browserens print dialogboks og giver brugeren mulighed for nemt udskrive en webside. Det udfører nøjagtig den samme funktion som Ctrl + f eller Filer> Udskriv, men er nyttigt at webudviklere , fordi det lad os dem omfatter et print prompt i en bekvem beliggenhed på siden. Syntaksen er let at lære og har mulighed for en masse tilpasning. Lad os tage et kig på de mest almindelige metoder til at bruge window.print (). Instruktioner
    Brug en standard Button
    1

    Indsæt følgende kode på din side .

    < Input type = " button" value = " Udskriv side " onClick = "vinduet . print ( ) " >

    Når du gemmer og genindlæs siden en standard grå knap vises med teksten" print siden "på det.
    2

    Edit" Udskriv side " til hvad du vil have din knap for at sige.
    3

    Tilpas form, størrelse og farve på din knap ved at tilføje en CSS-klasse . Indsæt denne linje kode , class = " BTTN " derefter oprette en tilsvarende CSS-klasse i dit stylesheet .
    Brug tekst og billeder
    4

    Indsæt følgende kode i dit side : Hej


    5 < p > Erstat " Billede.jpg " med webadressen på det billede, du vil bruge som en knap. Når en bruger klikker på billedet dialogboksen Udskriv åbnes .
    6

    Forstå syntaksen for JavaScript webadresse. I stedet for at have en regelmæssig webadresse som den href har vi erstattet det med javascript: window.print () , som opfordrer print -funktionen. Du kan ringe til andre JavaScript- funktioner ved hjælp af lignende syntaks.
    7

    Opret et tekstlink ved at indsætte følgende linje kode. Tilføj en CSS-klasse for ekstra tilpasning.

    Udskriv denne side
    < br >

    Forrige :

    næste :
      Relaterede artikler
    ·Sådan oprettes et lagkagediagram i JSP Brug JFreeChart…
    ·Javascript Scrollbar Tutorial 
    ·Sådan ændres indtaste tekst med Javascript 
    ·Sådan ændres Værdier i XML Med JavaScript 
    ·Sådan får Int Værdier i jQuery 
    ·Hvordan at skjule en DIV på en tilbagesendelsesindstil…
    ·Sådan redigeres et brev Acajoom 
    ·Sådan ændres HTML Text i jQuery Input 
    ·Sådan oprettes Elements med Javascript Client Side 
    ·Sådan justeres vandret i JavaScript TD 
      Anbefalede Artikler
    ·Hvordan man laver en buffer i C + + 
    ·Sådan Konverter objekt til int i Java 
    ·Sådan ændres Javascript Password på en Aptiva IBM Co…
    ·Sådan læses en fil i en Listbox 
    ·Sådan oprettes hyperlinks baseret på mappenavne hjæl…
    ·MySQL Melder Tutorial 
    ·Hvordan laver Moduler i VB6 
    ·Sådan Set Focus i Java 
    ·Sådan Indsæt variabler i WordPress PHP Feed Koder 
    ·Sådan vælges MySQL PHP Array 
    Copyright © Computer Viden http://www.computerdk.com