Méthode JavaScript pour modifier l'arrière-plan d'une page Web et les compétences color_javascript de la police

L'exemple de cet article décrit comment utiliser JavaScript pour modifier la couleur d'arrière-plan et de police d'une page Web. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

JavaScript, changez la couleur de l'arrière-plan et de la police de la page Web en cliquant sur le bouton. Il y a N boutons pour changer la couleur de la page Web. En cliquant sur différents boutons, la police et l'arrière-plan de la page Web seront différents. couleurs. Une applet JavaScript très simple.

1. Objectifs de base

Lors de l'ouverture de la page Web, le premier message de bienvenue "Bonjour" sera affiché

Il y a N boutons qui changent de couleur dans la page Web. Retour est la couleur par défaut pour revenir à la page Web. L'arrière-plan est blanc et la police est noire

.

Cliquez sur différents boutons et la police et l'arrière-plan de la page Web prendront des couleurs différentes.

A l’origine je voulais faire un effet arc-en-ciel, mais le principe est exactement le même donc je n’écrirai pas plus de boutons.

2. Idées de base

La clé est de fournir des identifiants à la balise body et à la police js afin qu'elles puissent être contrôlées dans js. Cet exemple fournit l'application de la fonction js.

3. Processus de production

Juste une simple petite page, veuillez consulter les notes pour plus de détails :

Copier le code Le code est le suivant :

                                                                                                                        ​​​​                                                                                                                                                                                                                                                                  ​​​​             à travers                           value="orange" />                              value="jaune" />                                                …                                                                                                                                                                   value="return" />

La fonction onunload() n'est presque efficace que lorsque IE ferme cette page, et cette boîte de dialogue ne sera pas sur le front-end, et Google Chrome n'aura aucun effet. Cette fonction n’a donc pas beaucoup de sens.

Les amis intéressés par les techniques de manipulation des couleurs js peuvent également se référer aux outils en ligne :

Générateur de codage couleur RVB

Outil de correspondance des couleurs Web en ligne

Comparaison des requêtes de couleurs RVB table_color code table_complete Nom anglais des couleurs

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.