Kako uporabiti JavaScript za tiskanje PDF-ja

Razumljivo je, da boste morda želeli natisniti datoteko PDF s kodo, ki se nahaja neposredno na vaši spletni strani. Druga možnost je, da vaš pregledovalnik prenese datoteko PDF, jo odpre in nato natisne iz drugega programa, kot je Adobe Acrobat. Uporaba JavaScripta za tiskanje PDF končnemu uporabniku prihrani težave pri pregledu datoteke PDF pred tiskanjem.

1. korak

Odprite urejevalnik besedil, saj boste morali napisati nekaj kode. Vgrajeni okvir ali "iframe" je element znotraj spletne strani, ki je namenjen za shranjevanje zunanjega dokumenta. Element iframe potrebujete, ker lahko JavaScript natisne njegovo vsebino. Prepričajte se le, da sta datoteka HTML spletne strani in datoteka PDF v istem imeniku, če želite, da koda deluje pravilno, ne da bi jo spreminjali. Tukaj je HTML, ki mora biti na vaši strani:

Atribut "src" ali vir je način, kako element iframe ve, kje naj išče zunanji dokument. V tem primeru kaže na datoteko PDF. Torej, če ima vaša datoteka PDF drugačno ime ali pot, spremenite »document.pdf«, da bo odražal pravilne informacije. Atribut "id" vam bo omogočil sklicevanje na ta iframe z JavaScriptom.

2. korak

Napišite JavaScript za referenco iframe in natisnite njegovo vsebino. Naslednji HTML ustvari gumb »Natisni« z vrstico JavaScripta v upravljalniku dogodkov »onclick«, da se to zgodi:

JavaScript se sklicuje na element HTML iframe z ID-jem »PDFtoPrint«, ki ste ga dodelili. Dva ukaza, poslana v iframe za tiskanje, sta "focus()" in "contentWindow.print()".

3. korak

Shranite in preizkusite svoje delo. Verjetno boste želeli shraniti kodo s pripono datoteke ».htm«, nato pa jo lahko odprete v spletnem brskalniku za testiranje.