Πώς να αλλάξετε τον πίνακα χρώματα φόντου με Javascript

JavaScript είναι ένα client-side scripting γλώσσα που μπορεί να χρησιμοποιηθεί για να αλλάξει δυναμικά σχεδόν κάθε πτυχή της ιστοσελίδας , συμπεριλαμβανομένων των στυλ που ορίζονται και υλοποιούνται με επικαλυπτόμενα φύλλα στυλ ( CSS ) . JavaScript επιτρέπει στους προγραμματιστές να δημιουργήσουν τις λειτουργίες που εκτελούνται όταν ένας χρήστης αλληλεπιδρά με το περιβάλλον εργασίας χρήστη , για παράδειγμα , πατώντας κουμπιά ή hyperlinks . Οι λειτουργίες αυτές μπορούν στη συνέχεια να αλλάξει κάποια πτυχή της διεπαφής χρήστη, για παράδειγμα , αλλάζοντας το χρώμα του φόντου της HTML " " ετικέτα . Τα πράγματα που θα χρειαστείτε
επεξεργασίας κειμένου
Web browser με ενεργοποιημένη τη Javascript για
Η Εμφάνιση Περισσότερες οδηγίες
Η

1 Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσετε ένα νέο αρχείο με όνομα changeBackground.html . Προσθέστε μερικές ετικέτες HTML στο αρχείο που περιλαμβάνει μια ανοικτή " " ετικέτα , ανοιχτή " " ετικέτα , ένα κλείσιμο » " ετικέτα , ανοιχτή " " ετικέτα , ένα κλείσιμο " " ετικέτα , και ένα κλείσιμο » " ετικέτα . Αυτές οι ετικέτες περιλαμβάνουν ένα βασικό σελίδα HTML Φτηνές 2

Επεξεργασία changeBackground.html και να προσθέσετε ένα "

Αλλαγή πίνακα χρώμα σε πράσινο .

Η 6

Προσθέστε μια δεύτερη σύνδεση ( " " ) ετικέτα . Ορισμός href αξία της ετικέτας στο " javascript : void ( 0 ) " για να επιστρέψετε null όταν η σύνδεση έχει πατηθεί. Προσθέστε ένα onclick ( ) εκδήλωση στο σύνδεσμο που καλεί τη συνάρτηση changeTable ( χρώμα) και περνά την τιμή « κίτρινο » . Δώστε το σύνδεσμο η τιμή κειμένου " Αλλαγή χρώματος σε κίτρινο πίνακα . " Τοποθετήστε μια στενή " " ετικέτα .

Αλλαγή πίνακα χρώμα σε πράσινο .

Αλλαγή πίνακα χρώμα σε κίτρινο .

?

Η 7

Προσθήκη "

" ετικέτα μετά τις ετικέτες σύνδεσμο . Δώστε το " " ετικέτα ένα αναγνωριστικό " pageTable " . Προσθέστε ένα "tr " open tag και μια ανοικτή " tag και να κλείσει το " "ετικέτα . Κλείστε το "

" ετικέτα . Κλείστε το "

" ετικέτα και να αποθηκεύσετε και κοντά changeBackground.html .

<Τύπος script = " text /javascript « >

λειτουργία changeTable ( χρώμα)

{

document.getElementById ( « pageTable » ) style.backgroundColor = χρώμα? .

}

Αλλαγή πίνακα χρωμάτων σε πράσινο

Αλλαγή πίνακα χρωμάτων σε κίτρινο

<πίνακα Τετάρτη 8

Open changeBackground.html σε ένα πρόγραμμα περιήγησης στο web . Ένα μπλε 200px 200px από πίνακα θα εμφανίζονται στη σελίδα . Κάντε κλικ στο " Αλλαγή πίνακα χρώμα σε πράσινο . " σύνδεσμο και να επιβεβαιώσετε ότι οι αλλαγές φόντο του πίνακα σε πράσινο . Κάντε κλικ στο "Αλλαγή πίνακα χρώμα σε κίτρινο . " σύνδεσμο και να επιβεβαιώσετε ότι το υπόβαθρο του πίνακα αλλάζει σε κίτρινο .
Η
εικόνων