ホームページ  >  記事  >  ウェブフロントエンド  >  js_javascript スキルを使用してシンプルな年間カレンダーを作成する完全な例

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

WBOY
WBOYオリジナル
2016-05-16 16:17:372703ブラウズ

この記事の例では、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 プログラムの設計が役立つことを望みます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。