Ein vollständiges Beispiel für die Erstellung eines einfachen Jahreskalenders mit js_javascript-Kenntnissen

Das Beispiel in diesem Artikel beschreibt, wie man mit js einen einfachen Jahreskalender erstellt. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Heute habe ich gelernt, wie man mit js einen Jahreskalender erstellt. Ich hoffe, dass ich mich dabei an die Verwendung von innerHTML halten kann es und alle js-Meister können mir einen Rat geben.

Verwendung von innerHtml

Verwenden Sie nun die Methode top.innerHTML="..........";, um HTML-Code an den Speicherort dieser ID zu schreiben.

Beispiel: top.innerHTML=""; eine Schaltfläche erscheint an der entsprechenden Position von top!

Ideen zur Programmumsetzung:

1. Ähnlich einem Tab, außer dass es unten ein Div gibt;

2. Verwendung von innerHTML

3. Verwendung von Arrays

① Definition: arr[0,1,2,3]

② Verwendung: arr[0]

4. String-Verkettung

① Funktion: Verbinden Sie zwei Zeichenfolgen „ “

② Problem: Priorität in der Verbindung Verwenden Sie (), um

zu lösen

Implementierungsquellcode: ​

JavaScript:​​

Code kopieren Der Code lautet wie folgt:

CSS:





Code kopieren


Der Code lautet wie folgt:

HTML:

复制代码 代码如下:

 

 
   

 
       

• 1

  一月

 
       

• 2

  二月

 
       

• 3

  三月

 
       

• 4

  四月

 
       

• 5

  五月

 
       

• 6

  六月

 
       

• 7

  七月

 
       

• 8

  八月

 
       

• 9

  九月

 
       

• 10

  十月

 
       

• 11

  十一月

 
       

• 12

  十二月

 
   

 
   

 
   

 
         

 

效果图如下：

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