ホームページ  >  記事  >  ウェブフロントエンド  >  Web ページの背景とフォントの色を変更する JavaScript メソッド_JavaScript スキル

Web ページの背景とフォントの色を変更する JavaScript メソッド_JavaScript スキル

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

この記事の例では、JavaScript を使用して Web ページの背景とフォントの色を変更する方法を説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

JavaScript、ボタンをクリックして Web ページの背景の色とフォントを変更します。Web ページの色を変更するボタンが N 個あり、別のボタンをクリックすると Web ページのフォントと背景が変更されます。色。非常にシンプルな JavaScript アプレット。

1. 基本的な目標

Web ページを開くと、最初の挨拶メッセージ「こんにちは」が表示されます

Web ページには色を変更する N 個のボタンがあります。[戻る] は Web ページに戻るためのデフォルトの色です。背景は白、フォントは黒です。

別のボタンをクリックすると、Web ページのフォントと背景が別の色に変わります。

元々は虹のエフェクトを作りたかったのですが、原理は全く同じなのでこれ以上ボタンは書きません。

2. 基本的な考え方

重要なのは、bodyタグとフォントjsにIDを付与して、jsで制御できるようにすることです。この例では、js 関数のアプリケーションを提供します。

3. 製造工程

単なる小さなページです。詳細については注記を参照してください:

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