Maison > interface Web > js tutoriel > Un exemple complet de création d'un calendrier annuel simple avec les compétences js_javascript

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

WBOY
Libérer: 2016-05-16 16:17:37
original
2722 Les gens l'ont consulté

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程序设计有所帮助。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal