Εκτύπωση Tutorial για JavaScript

Ο σκοπός της window.print της Javascript ( λειτουργία ) είναι να ανοίξει το παράθυρο διαλόγου εκτύπωσης του προγράμματος περιήγησης και επιτρέπει στο χρήστη να εκτυπώσει εύκολα από μια ιστοσελίδα . Εκτελεί ακριβώς την ίδια λειτουργία με Ctrl + f ή Αρχείο> Εκτύπωση , αλλά είναι χρήσιμο για web developers , γιατί ας τους περιλαμβάνουν την άμεση εκτύπωση σε μια βολική τοποθεσία στη σελίδα. Η σύνταξη είναι εύκολο να το μάθει και έχει περιθώρια για πολλή παραμετροποίηση . Ας ρίξουμε μια ματιά στις πιο κοινές μεθόδους που χρησιμοποιούν window.print ( ) . Οδηγίες
Χρησιμοποιώντας ένα πρότυπο Button

1

Επικολλήστε τον παρακάτω κώδικα στη σελίδα σας .

< Input type = " κουμπί" value = " Εκτύπωση σελίδας " onClick = " παράθυρο . print () " >

Όταν αποθηκεύετε και ανανεώστε την σελίδα ένα πρότυπο γκρι κουμπί , θα εμφανιστεί με το κείμενο" Εκτύπωση σελίδας "σε αυτό . 2

Επεξεργασία " Εκτύπωση σελίδας "για ό, τι θέλετε το κουμπί σας να πω .
εικόνων 3

Προσαρμόστε το σχήμα , το μέγεθος και το χρώμα του κουμπιού σας προσθέτοντας μία κλάση CSS . Τοποθετήστε αυτήν τη γραμμή κώδικα , class = " bttn " και στη συνέχεια να δημιουργήσετε μια αντίστοιχη κατηγορία CSS στην στυλ σας .
Εικόνων χρησιμοποιώντας κείμενο και εικόνες
Η 4

Επικολλήστε τον παρακάτω κώδικα στο σας σελίδα :

< /a>
5 < p > Αντικατάσταση " image.jpg " με το URL της εικόνας που θέλετε να χρησιμοποιήσετε ως ένα κουμπί . Όταν ένας χρήστης κάνει κλικ στην εικόνα το παράθυρο διαλόγου εκτύπωσης θα ανοίξει .
Η 6

Καταλάβετε τη σύνταξη της JavaScript URL . Αντί να έχουμε ένα κανονικό URL ως href , θα πρέπει να αντικατασταθεί με javascript : window.print ( ) , η οποία απαιτεί τη λειτουργία εκτύπωσης . Μπορείτε να καλέσετε άλλες λειτουργίες JavaScript χρησιμοποιώντας παρόμοια σύνταξη .
Η 7

Δημιουργήστε ένα σύνδεσμο κειμένου επικολλώντας την ακόλουθη γραμμή κώδικα . Προσθέστε μια κλάση CSS για επιπλέον προσαρμογή .

Εκτυπώστε αυτή τη σελίδα < /a>

Η < br >