[Labyrinthe Noir]>[Top]>

JSすぐに使えるサンプル集

JavaScript を使った実用的なサンプルを提供します。
ソースと解説付きですので、JavaScriptの理解も進めながら、自分で応用できるようになります。

JavaScriptの基本

JavaScriptの基本的な記述のパターンを紹介します。

<script>タグの書き方
基本的な動作方法
タグの記述方法
コメントアウトについて
変数について
スクリプトが使えない場合
JavaScriptの小技

簡単で役立つ JavaScript の使い方を紹介します。

元のページに戻るリンク
飛ばないリンク
ボタン型リンク
乱数を発生させる
お気に入りに追加(IE専用)
フォームの内容で動作を切り換える
フォーム内テキストの自動選択
ブラウザの判定
画面サイズを取得する
数字にカンマを付ける
小数点以下を揃える
メッセージを表示する

HTML と組み合わせてメッセージを扱う機能を紹介します。

アラートの表示
ウインドウステータスの表示
フォームに表示
メッセージをランダム表示(おみくじ)
フォームを送信前に確認
メールを出す
時間を計る(カウント表示)
秒数を時刻表示にする
現在の日時を表示する
「戻る」ボタンの表示・非表示
グラフィックを切り換える

マウスの動きに合わせたイメージを扱う機能を紹介します。

素材提供:うかの地下室あおのり村まなざしの工房

基本的なイメージの切り換え方法
複数のイメージ切り換えボタン
複数の同じイメージを切り換える
複数のイメージを1ヶ所で切り換える
複数のイメージとメッセージを同時に切り換える
マウスに反応して背景が変わる
一定間隔で画像を更新する
ウインドウを開く・閉じる

新しいウィンドウを開く方法と閉じる方法を紹介します。

ウィンドウを開く
ウィンドウを閉じる
ウィンドウを自動生成
フレームを切り換える

フレームとドキュメントの切り換えを紹介します。

フレームの仕組み
2つのフレームを同時に変更する
フレーム自身の切り替え
フレームから全体の切り換え
フレームの内容をランダムに表示する
cookieを使ってみる

cookieを使った楽しい機能を紹介します。

cookieとは?/cookie利用の注意点
cookieの保存
cookieの読込
cookieを消す
cookieでカウンター
cookieで名前を表示
複数項目を処理できる実用的なスクリプト

戻る