ジャバスクリプトサンプル1　JavaScript　-ホームページ作成支援-みつけたきせき-

ジャバスクリプト辞典

超基本★こ難しい基本その１★こ難しい基本その２★予約語★変数★演算子★条件文１★条件文2
関数★関数と変数★関数の戻り値★いろいろな関数★配列★フォームとフレーム★クッキー
JavaScriptサンプル1★JavaScriptサンプル２★JavaScriptサンプル３

JavaScript見習所

ジャバスクリプトサンプル1

イベント関連

■ボタンクリックでアラート表示
onClick="呼び出す関数"
alert=("表示するテキスト")

■特定の個所にマウスカーソルを重ねるとアラート表示
onMouseOver="alert('表示するテキスト')"

■アンカーにマウスカーソルを重ねるとステータスバーにリンク先情報表示
onMouseOver="window.s-tatus='ステータスバーのテキスト';return true"

■ページ読み込み時にアラート表示
onLoad="alert('表示するテキスト')"

■他のページに移動する際にアラート表示
onUnload="alert('表示するテキスト')"

■指定時間経過後にアラートを表示する
setTimeout('実行する命令',時間)

■指定時間経過後にリンク先に移動
locaton.href="移動先のURL"

ブラウザ情報関連

■ユーザーが使用するウェブブラウザを判定する
navigator.userAgent.indexOf('参照する文字列')>=0

■Javaが有効かどうかをチェックする（IEでは必ず「動く」と判定）
navigator.javaEnabled()

■必要なプラグインが動作するかどうかをチェックする（IEでは動きません）
navigator.mimeTypes[プラグインのMIMEタイプ].enablePlugin

ページ情報の活用

■ページ上のリンクの総数を表示する
document.links.length

■ページ上のリンクの一覧をアラート表示する
document.links[インデックス番号]

■ページ上のリンクの一覧を別ページで表示する
window.open()

イメージを効果的に見せる

■ボタンをクリックして画像だけを切り替える
"Imageオブジェクト名.src='画像ファイル名'"

■セレクトボックスで選択した画像に切り替える（ボタンを押して変更）
document.formオブジェクト名.elementオブジェクト名.selectedIndex
document.Imageオブジェクト名.src="画像ファイル名"

■セレクトボックスで選択した画面に切り替える（選んだ瞬間に変更）
onChange="実行する命令"

■ボタンクリックで画像を切り替える（拡張型）
document.Imageオブジェクト名.src="画像ファイル名"

■選択した画像の説明をテキストボックスに表示する
document.formオブジェクト名.elementオブジェクト名.value="表示するテキスト"

■イメージプリロード
if(document.images)
var Imageオブジェクト名=new Image()
Imageオブジェクト名.src="画像ファイル名"

■画像をバナーのように一定時間で切り替える
setTimeout("実行する命令",時間)
document.Imageオブジェクト名.src="画像ファイル名"

日付・時刻関連

■アクセスした日付・時刻を表示する
Date()

■日付・時刻を表示する（書式書き）
Dateオブジェクト名=new Date()
Dateオブジェクト名=getYear()
Dateオブジェクト名=getMonth()
Dateオブジェクト名=getDate()
Dateオブジェクト名=getHours()
Dateオブジェクト名=getMinutes()

■曜日を表示する（書式書き）
Arrayオブジェクト名=new Array(配列の要素)
Dateオブジェクト名=getDay()

■時間によって異なるあいさつ文を表示する
Dateオブジェクト名.getHours()
if～else文

■西暦の扱い
Dateオブジェクト.getFullYear();

■西暦の扱い(getFullYear未対応ブラウザ用)
if(西暦<2000){西暦=西暦+1900}

■カレンダーを表示する
Dateオブジェクト名.setDate(指定する日付)
if(((西暦%4==0)&&(西暦%100!=0))||(西暦%400==0))

■設定した日まで後何日かカウントダウンする
var 変数=new Date(西暦,月,日)
Math.cell(切り上げる値)

ジャバスクリプト

便利リンク

ネット便利帳∴ホームページ作成支援∴イラストラウンジ∴おすすめ∴スタイルシートメモ∴みつけたきせき