形から入るWEBアプリ

今時のブラウザならどれでもうまく行くと思いますが一応 Math.max で最大を取っています

1) document.getElementsByTagName("HTML")[0].scrollHeight
2) document.documentElement.scrollHeight
3) document.body.scrollHeight

<input
	type="button"
	value="ページの最後"
	onclick='scroll(
		0,
		Math.max(document.getElementsByTagName("HTML")[0].scrollHeight,document.documentElement.scrollHeight,document.body.scrollHeight)
		);
	'
>

ここで == は、メソッド名で、 b はパラメータです。

alert が window に属するように、getElementById が document に属するように、
== は a に属します。WEB アプリでキーボードから入力されるのはみんな文字列
です。ですから、a に入ってるのもたいてい文字列で、a はざっくばらんに言うと「変数」
ですが、結局、エレメントや window や document と 同じメソッドやプロパティ
をもつ「オブジェクト」です。

さらにここで大事なのは、

== というメソッドは必ず true( まこと ) か false( いつわり )返します。
だから、if 文で使うのは当然の事なのです。

※ a は プロパティも持ってますから、a.length とすると、文字数を知る事ができます


関連する Microsoft ドキュメント

比較演算子 (Jscript)
length プロパティ (String オブジェクト)

「魂をもってエレメントを与えたまへ」

大げさに言うと、そのような。魂は同じ魂は二つ無いだろうから、ID と同じと言う事で、エレメント = 要素 = オブジェクト ですが、エレメントと言ってしまえばなんとなくファンタジーです。

document.getElementById - MDC

getElementById は、document に属する「メソッド」です。引数に文字列としての id 属性を渡して、それに対する実体というか実際というか、オブジェクトを返します。ページ上で id を持つ要素を一望するには、IE8 の開発ツールで、表示メニューから、「Class と ID 情報」をチェック状態にします。# が付いているのが ID で、#以外の部分の文字列を使って参照できます

document.getElementById("top_1").style.background = "url(http://winofsql.jp/image/sab.gif)"

Firebug 等の開発ツール( IE / Google Chrome デベロッパーツール ) では以下のコードをコンソールに貼り付けて実行すると一覧を取得できます

for( i = 0; i < document.body.getElementsByTagName("*").length; i++ ) {
    if ( document.body.getElementsByTagName("*")[i].id ) {
        console.log( document.body.getElementsByTagName("*")[i].id );
    }
}

if ( true ) {
	処理
}

プログラミングの原点とも言える if 文ですが、if 書いて、その横に () を書いて
その後に if 文に所属するブロックを書きます。これがルールです。

function 定義とその記号の意味 ととても良く似ています。function は後から
呼び出す為に先に準備しておくものですが、if は、今まさに起こってる事に対して
書きます。() の間には true(まこと) か false(いつわり) になるものをはめ込みます。
で、一番最初解りやすいのが、confirm によるニ択の結果です。

if ( confirm("更新しますか?") ) {
	alert("更新");
}
else {
	alert("キャンセル");
}

confirm("更新しますか?") が実行されると、ダイアログが表示されてボタンが二つ
用意されていて、どちらかを選ぶ事ができます。OK を選ぶと true が返されて、
キャンセルを選ぶと false が返されます。

ですから、その結果次第で if 文は二通りの結果を用意できるわけです

function 名前( [パラメータ] ) { 処理 }

alert も function です。以下のように定義されています

function alert() {
    [native code]
}

そもそも function は、後で呼び出す為に準備するものです。ですから、
呼び出す時に使うものと同じものを用意しなければなりません。

1) 名前
2) パラメータ

ですから、function 名前( [パラメータ] ) までで呼び出せる最低限の
準備をしています。そして、そのままだと何もしない事になるので、{}
という function 名前( [パラメータ] ) に所属するブロックを作成する
事になります。後はひたすらブロックの中に処理を書けばいいことになります。

ここでもっとも注意しなくてはならないのは、

「ペアの記号は最初に両方書く」

という原則です。そうしておかないと、絶対に後から付け足すのを忘れるからです。

a) ()
b) {}
c) ""

とくにこの3つの記号ペアは要注意です。

※ 書式の注意

[] は、省略可という意味です。

関連する記事

alert("ABC") の意味

見たままの内容です。文字が列を作っているので、文字列ですが、
文字が行列作って並んでいるところを想像して下さい。

もし、人間の行列なら。たとえば100人しか食べれない限定のラーメンの為に並ん
でいるのだとしたら、先頭から始まって、100人目の後ろで終わります。つまり区
切りですが、その区切りを普通文字列の世界では " (ダブルクォート) を使うわ
けです。

"ABC" は、文字が3つ並んだ行列で、A が先頭で、C が最後です。

"A" でも 文字列ですし、"" でも文字列です。

つまり、見たままではありますが、実際に使用されるのは " と " の間にある部分
です。これを入れ物ににいれる場合があって、それを変数と言います。

a = "ABC"

これは、a という入れ物に ABC という文字列を入れてしまった事を意味します。
変数という入れ物に入れると、それが区切りの変わりになるので " はいらなく
なります。人間だと、乗り物に乗って移動するようなものです。


で、文字列は結局旅をする事が主な役目です。
画面で入力された文字列は、長い旅をしてどこかのサーバーの中にあるハードデ
ィスクの中の一部屋へ収まります。それがそもそもの目的だったりするわけです。

prompt は、二つ目の引数で入力しなかった時の文字列を指定します。
ですから、結果のパターンとしては3種類を想定する必要があります

1) キャンセルした場合
2) 入力しなかった場合
3) 入力した場合


IE では prompt を利用するのに IE のセキュリティ設定で
「スクリプト化されたウインドウを使って情報の入力を求めることを Web サイトに許可する」
に対して有効にしなければなりません

alert( prompt("こんにちは","") );

var mess = prompt("こんにちは","");
if ( mess == null ) {
	alert( "キャンセルされました" );
}
else {
	if ( mess == "" ) {
		alert( "何も入力されていません" )
	}
	else {
		alert( mess );
	}
}

関連する Microsoft ドキュメント

prompt Method (window, Window Constructor)

• 名前
• 所属は window
• 種類は メソッド

• メソッドを呼び出す記号
• 間に何かある場合は、メソッドにそれを引き渡す

• 見たままの場合は、"(ダブルクォーテーション)で挟まれる
• 変数の場合は、挟まれない

alert( window.alert ) を実行すると以下のようになります

function alert() {
    [native code]
}

以下の alert は先頭の文字列のみ表示されます

alert("A","B","C")

リファレンス

alert ( Microsoft )
alert ( Mozilla )

多くの処理を部分部分で確かめたい場合は、Firebug の console.log を使用して
ログを取るほうが有効ですが、一つ一つ確実に確かめるには alert が最も有効です。
( ※ IE では、alert(); はエラーになりません )

confirm ( Microsoft )
confirm ( Mozilla )

戻り値として true または false が返るので、if 文の条件式に直接使う事になります。

if ( confirm("更新しますか?") ) {
	console.log("更新");
}
else {
	console.log("キャンセル");
}

以下は、IE 用の console.log の簡易的な代替えです。

<script type="text/javascript">
var console = {
log: function(str) {
	document.getElementById("message").innerHTML += (str + "<br />");
}}
</script>
<div id="message"></div>

どちらも同じものです。Microsoft が this ステートメント で、Mozilla が this 演算子
として説明しています。

オブジォクトを定義して、インスタンスを作った時にそのオブジェクト自身を指しますが、
それ以外はグローバルオブジェクトとして最上位のオブジェクトを指します。
Microsoft では、Window オブジェクトだと書いてありますが、結果としては同じ事です。

<script type="text/javascript">
function scriptTest(evt) {
	alert(this.a + " / " + this.b);
	alert(window.a)
}
</script>
<input type="button" value="実行" onclick='scriptTest(event);'>
<script type="text/javascript">
var a = "001";
window.b = "002";
</script>