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章 3.ウィンドウの位置やサイズを固定する

onresize=○
onmove=○
onload=○
onunload=○

○:関数
onresizeイベントは、ウィンドウのサイズを変更したときに発生します。

onmoveイベントは、ウィンドウを移動したときに発生します。

onloadイベントは、ページの読み込みが完了したときに発生します。

onunloadイベントは、ページを移動したときに発生します。

発生するイベントは、関数で指定したものとなるので、組み合わせ方次第では、ウィンドウを固定するだけでなくいろいろなやり方ができます。

サンプルでは、前項目の2.ウィンドウを操作すると組み合わせて、操作を行ったとき、ウィンドウの位置とサイズを変更してしまうというイベントを起こします。

指定した大きさにブラウザが開く(変更しても戻る)ので、デザインなどを重視したページや、画像を開く場合などのレイアウトに非常に有効です。


ソース

斜体赤字が変更箇所
緑字はコメント
<HTML>
<HEAD>
<TITLE>ウィンドウの位置とサイズを固定する</TITLE>

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

function changesize()
{
moveTo(100,300);
resizeTo(300,200);
}

onresize=changesize;
onload=changesize;

// -->
</script>


</HEAD>
<BODY>

ページ読み込み時にウィンドウのサイズを(300,200)に、表示位置を画面左上から(100,300)に変更します。<BR>
ウィンドウの大きさを変更すると、自動的に(300,200)の大きさに戻ります。

</BODY>
</HTML>




サンプル










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