コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > js_javascript スキルを使用してシンプルな年間カレンダーを作成する完全な例

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

WBOY
リリース： 2016-05-16 16:17:37
オリジナル
2721 人が閲覧しました

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

関連ラベル：
js 作る
ソース：php.cn
前の記事：JavaScript プロトタイプチェーン継承の分析使用例_JavaScript スキル 次の記事：数値を大文字の整数に変換する JavaScript メソッド amount_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
複数のルートで宣言されたワーカープールは、しきい値を気にせずに CPU 使用率を維持できますか CPU を集中的に使用するタスクを処理するワーカープールを備えた Node.js システムを見つけたいと考えていますが、複数のルートにわたる CPU 使用率については少し混乱してい...
から 2024-04-06 19:54:23
0
1
444
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
Nuxt.js で作成したダッシュボードをデプロイするには SSG を使用する必要がありますか? Nuxt.jsを使用して社内向けのダッシュボードを開発していきます。これは内部ダッシュボードであるため、ユニバーサル スキーマは必要ありません。通常、ほとんどのダッシュボードは S...
から 2024-04-06 13:17:44
0
1
493
Electron はプリロード時に AppData を取得します プリロードされた AppData ディレクトリを取得するにはどうすればよいですか? Background.js[...]asyncfunctioncreateWindow(){co...
から 2024-04-06 11:05:31
0
1
417
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート