Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> JavaScript Προγραμματισμός

Πώς να αλλάξετε το μέγεθος της γραμματοσειράς Java Script

Η JavaScript είναι μια client-side γλώσσα προγραμματισμού που πολλοί σχεδιαστές ιστοσελίδα χρησιμοποιούν για να διαχειριστούν τη διάταξη , το κείμενο και τις εικόνες σε μια ιστοσελίδα . JavaScript μπορεί να χρησιμοποιηθεί για να αλλάξετε το μέγεθος μιας γραμματοσειράς , όταν ο χρήστης κάνει κλικ σε ένα κουμπί ή όταν φορτώνεται η σελίδα . Αυτό είναι χρήσιμο όταν θέλετε να κάνετε ένα μέρος του περιεχομένου της σελίδας Web ξεχωρίζουν . Για να γίνει η μεγαλύτερη γραμματοσειρά , το περιεχόμενο είναι τυλιγμένο σε ένα " div " ετικέτα και ο κώδικας JavaScript θα κάνει το μεγαλύτερο γραμματοσειρά εντός του μπλοκ της HTML . Οδηγίες
Η

1 Ανοίξτε τη σελίδα HTML σας σε ένα πρόγραμμα επεξεργασίας κειμένου . Μπορείτε να χρησιμοποιήσετε ένα απλό , απλό επεξεργαστή κειμένου, όπως το Σημειωματάριο για να επεξεργαστείτε JavaScript , ή μπορείτε να χρησιμοποιήσετε πιο προηγμένες εφαρμογές όπως το Notepad + + , Visual Studio και το Dreamweaver . 2

Τυλίξτε ένα tag div γύρω από το κείμενο που θέλετε να edit . Αυτό σας επιτρέπει να αλλάξετε το μέγεθος της γραμματοσειράς μιας συγκεκριμένης περιοχής στην ιστοσελίδα σας χωρίς να αλλοιωθεί η διάταξη με την παγκόσμια αλλαγή του μεγέθους της γραμματοσειράς. Ο παρακάτω κώδικας δημιουργεί ένα div με το όνομα " myDiv " :

ιστοσελίδα μου το κείμενο
εικόνων
3

Δημιουργήστε τη λειτουργία JavaScript . Για να αλλάξετε το μέγεθος της γραμματοσειράς στο tag div σας , θα πρέπει να ρυθμίσετε το " Γράμματα " ιδιοκτησίας. Ο κώδικας που ακολουθεί αλλάζει το μέγεθος της γραμματοσειράς του div του : changeSize λειτουργία () { document.getElementById ( " myDiv " ) fontsize = " 12px " ? . }
Η 4

Προσθέστε ένα κουμπί στη σελίδα για να αφήσει το χρήστη επιλέξετε να αλλάξετε το μέγεθος της γραμματοσειράς . Για να προσθέσετε το κουμπί και να καλέσει την νέα λειτουργία JavaScript , χρησιμοποιήστε τον παρακάτω κώδικα :
5

Αποθηκεύστε το αρχείο και ανοίξτε τη σελίδα στο πρόγραμμα περιήγησης στο Web . Δοκιμάστε το νέο κωδικό πατώντας το κουμπί. Τα μεγέθους γραμματοσειράς αύξηση στην ετικέτα div .
Η
εικόνων

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα