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.文字を検索する




第1章 3-a.背景色を好きな色に変更する

document.bgColor="○"

○:色名、RGB値
ホームページを見に見てくれた人が、ボタンを押すと
自由に好きな背景色に変更できるようにするスクリプトです。

ボタンと色はいくらでも増やせます。


ソース

斜体赤字が変更箇所
緑字はコメント
<HTML>
<HEAD>
<TITLE>背景色を好きな色に変更する</TITLE>

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

function changebgColor(n)
{
document.bgColor=n; //@
}

// -->
</script>


</HEAD>
<BODY>

ボタンを押すと、背景色が変わります<BR>
<input type="button" value="白色" onClick="changebgColor('white')">
<input type="button" value="赤色" onClick="changebgColor('red')">
<input type="button" value="黄色" onClick="changebgColor('yellow')">
<input type="button" value="青色" onClick="changebgColor('blue')">

</BODY>
</HTML>




サンプル










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