Un exemple complet de création d'un calendrier annuel simple avec les compétences js_javascript

L'exemple de cet article décrit comment créer un calendrier annuel simple en utilisant js. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Aujourd'hui, j'ai appris à utiliser js pour créer un calendrier annuel. J'ai d'ailleurs examiné son utilisation. C'est un peu différent de la production d'onglets que j'ai utilisée pour le nouveau. lui et tous les maîtres js peuvent me donner quelques conseils.

Utilisation de innerHtml

Utilisez maintenant la méthode top.innerHTML="............"; pour écrire du code HTML à l'emplacement de cet identifiant.

Par exemple, top.innerHTML=""; un bouton apparaîtra à la position correspondante du top !

Idées de mise en œuvre du programme :

1. Semblable à un onglet, sauf qu'il y a un div en bas

2. Utilisation de innerHTML

3. Utilisation des tableaux

① Définition : arr[0,1,2,3]

② Utiliser : arr[0]

4. Concaténation de chaînes

① Fonction : Connectez deux chaînes « »

② Problème : Priorité en connexion Utilisez () pour résoudre

Code source d'implémentation : ​

JavaScript :​​

Copier le code Le code est le suivant :

CSS :





Copier le code


Le code est le suivant :

HTML：

复制代码 代码如下 :

 

 
   

 
       

• 1

  一月

 
       

• 2

  二月

 
       

• 3

  三月

 
       

• 4

  四月

 
       

• 5

  五月

 
       

• 6

  六月

 
       

• 7

  七月

 
       

• 8

  八月

 
       

• 9

  九月

 
       

• 10

  十月

 
       

• 11

  十一月

 
       

• 12

  十二月

 
   

 
   

 
   

 
         

 

效果图如下：

希望本文所述对大家的javascript程序设计有所帮助。