js_javascript スキルを使用してシンプルな年間カレンダーを作成する完全な例

この記事の例では、js を使用して簡単な年間カレンダーを作成する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

今日はjsを使って年間カレンダーを作成する方法を学びました。ちなみに、新しいもので使用したinnerHTMLとは少し異なります。それとすべての JS マスターが私にアドバイスをくれるでしょう。

innerHtml の使用法

次に、top.innerHTML="........" メソッドを使用して、この ID の場所に HTML コードを書き込みます。

たとえば、top.innerHTML=""; ボタンは、top! の対応する位置に表示されます。

プログラム実装のアイデア:

1. タブに似ていますが、下部に div があります。

2. innerHTML の使用

3. 配列の使用

① 定義: arr[0,1,2,3]

② 使用: arr[0]

4. 文字列の連結

① 機能: 2つの文字列「 」を接続します

② 問題: 接続の優先順位 () を使用して解決

実装ソースコード:

JavaScript:

コードをコピー コードは次のとおりです:

CSS:





コードをコピー


コードは次のとおりです:

HTML：

复制代码代码如下:

 

 
   

 
       

• 1

  一月

 
       

• 2

  二月

 
       

• 3

  三月

 
       

• 4

  四月

 
       

• 5

  五月

 
       

• 6

  六月

 
       

• 7

  七月

 
       

• 8

  八月

 
       

• 9

  9月

 
       

• 10

  十月

 
       

• 11

  十一月

 
       

• 12

  12月

 
   

 
   

 
   

 
         

 

效果图如下：

ここで説明されている大家向けの JavaScript プログラムの設計が役立つことを望みます。