少しですが、JavaScriptのサンプルを載せました｡

書籍やWeb等を参考にして、JavaScriptを使用したHTMLを作成していますが、うまく動作しなかったり、 ブラウザにより動作が異なる場合があります。
Netscape NavigatorではVersion2.0から、Internet ExplorerではVersion3.0から、JavaScriptに 対応しています。

初期の頃は、できるだけ各サンプル毎に各ブラウザへの対応を確認し、ブラウザにより動作が異なる例も参考のため 載せていました。（ブラウザ対応表参照）と、記載のあるサンプルは各サンプル末尾の対応表を参照してください。

また、他のJavaScript等に関連するサイトにもリンクさせていただいておりますので、 ｜関連サイトリンク｜＜JavaScript＞もぜひご参照ください。

1. 背景色の変更
   • ページをLOADした時間により背景色を変更
   • 背景色の変更ボタン
2. 背景色と文字のリンク色の変更　色の組み合わせ確認

1. 新しいウィンドウを開く
   • ボタンをクリックすると新しいウィンドウが開く
     • openメソッドのパラメータ
   • 他のファイルにリンクし、新しいウィンドウも開く
   • 新しいウィンドウに閉じるボタンをつける
   • 新しいウィンドウが非アクティブになった時に自動的に閉じる
   • ボタンにアイコンを使用

1. ページをLOADした曜日、月、日、時間、年の表示
   • ページをLOADした曜日、月、日、時間、年の表示
   • ページをLOADした年月日の表示
   • ページをLOADした曜日の表示
2. 現在時刻の表示
3. ページの最終更新日の表示

1. 読み込んだ時間により、表示するメッセージを変える
   • １時間毎に表示するメッセージを変える
   • ４時間毎に表示するメッセージを変える
   • １秒毎に表示するメッセージを変える
   • １秒毎に表示する画像データを変える

1. ブラウザの情報取得
2. ブラウザにより異なるページを表示
3. ブラウザにより基準となるフォントサイズを変更

1. フォーム送信の際の項目チェック
   • テキスト入力エリアのチェック
   • チェックボックスとラジオボタンのチェック　１つも選択されていない場合
2. １つ戻るボタン　ブラウザの戻る(BACK)と同じ機能
3. プルダウンメニューから選択してリンク

1. ブラウザにより基準となるフォントサイズを変更

1. カーソルを合わせると、リンクボタンが変わる
2. １つ戻るボタン　ブラウザの戻る(BACK)と同じ機能
3. １つ戻るリンク　ブラウザの戻る(BACK)と同じ機能
4. プルダウンメニューから選択してリンク

home

contents

html