JavaScript講座
序章
1.JavaScriptとは?
2.JavaScriptの書き方
3.JavaScriptの設定
4.JavaScriptの色
5.コメントを入れる
6.変数
7.イベント
8.関数
9.演算子
10.条件分岐
 a.条件が真か偽かで処理を分ける
 b.条件によって処理を分ける
11.繰り返し処理
 a.条件が真の時、処理を繰り返す1
 b.条件が真の時、処理を繰り返す2
 c.指定した回数だけ処理を繰り返す
 d.すべての値に処理を繰り返す
12.繰り返しをやめる
13.オブジェクトを扱う

第1章 ドキュメント
1.ドキュメントを書き出す
2.テキストや画像を表示する
3.背景色を決める
 a.背景色を好きな色に変更する
4.保存日時を取得する
5.文字色を決める
6.クッキーを使う

第2章 ウィンドウ
1.新しいウィンドウを開く
2.ウィンドウを操作する
3.ウィンドウの位置とサイズを固定する
4.ウィンドウを前面に配置する
5.ステータスバーに文字を表示する
6.フレームの操作をする
7.複数のフレームを同時に変更する
8.ウィンドウをスクロールさせる

第3章 文字列
1.文字の色を設定する
2.文字の大きさを設定する
3.文字を飾る
4.リンクを作る
5.自動で大文字・小文字にする
6.文字を1つだけ抜き出す
7.文字を範囲で抜き出す
8.文字を検索する




第2章 7.複数のフレームを同時に変更する

○.frames.length
○.△.name
○.△.location="□"

○:parent、top、self
△:フレーム名
□:リンク先アドレス
lengthプロパティは、フレームの数を取得します。

nameプロパティは、指定したフレームの名前を取得します。

locationプロパティは、指定したフレームにリンク先URLを設定します。

parent、top、selfについては、第2章 6.フレームの操作をするを参照。

サンプルでは、ページを左と右に分け、左をメニューページにして、右ページをさらに上下に2分割して、メニューページから上下のページを同時に変更するスクリプトです。

フレームが上にあるからとフレーム名をtopとすると、フレームを解除してしまいますので注意が必要です。サンプルは、上のフレーム名をue、下のフレーム名をsitaにしました。

フレームの詳しい説明は、上部メニューより、HTML講座 第7章 フレームを参照。


ソース

斜体赤字が変更箇所
緑字はコメント
<HTML>
<HEAD>
<TITLE>複数のフレームを同時に変更する</TITLE>

<script language="JavaScript">
<!--

function pagechange()
{
parent.ue.location="http://amo.versus.jp/hp/";
parent.sita.location="http://amo.versus.jp/pc/";
}

// -->
</script>


</HEAD>
<BODY bgcolor="#ffeeee">

こちらは左フレームのページです。<BR>
下のボタンを押すと右フレームの上と下のページを同時に変更します。<BR><BR>
<FORM>
<INPUT value="クリック!" onClick="pagechange()">
</FORM>

</BODY>
</HTML>




サンプル










PV  Copyrights (C) あも. All Rights Reserved. 画像および文章の無断転載、コピー、使用を堅く禁じます。