javascript

if文(1) | 条件分岐

if文のパターン 基本形 if (条件式) { 文1;} else { 文2;} var a = 5; if(a % 2 == 0) { document.write(a, 'は偶数です。'); } else { document.write(a, 'は奇数です。'); } 条件式は偽なので、文2を実行する。var a=4ならば、条件式が真なので文…

イベント処理

イベントハンドラとは イベントハンドラとは、JavaScriptで記述された、マウスの動きといった動作・操作に対して特定の処理を与えるための命令のことである。 リンクの上にマウスポインタが乗った、またはボタンがクリックされた、テキストボックスの内容が…

連想配列 | hash

連想配列 数値の代わりに意味のある文字列をインデックスとする事で各要素を識別しやすくする インデックスをキーと呼ぶ 要素はキーと値で1セットになっている 書き方 var 連想配列名 = {キー1:値1、キー2:値2、キー3:値3、...}; <script> var baseballpla</script>…

配列 | Array

配列 変数(データ保存領域)に番号をつけてまとめ、使いやすくしたもの 個々の変数は「配列の要素」という データ保存領域の個数を「配列の長さ」という 各要素を識別するためにインデックスを割り振る 似たようなデータを大量に扱う場合に有効 書き方 var …

演算子の種類

算術演算子 演算子読み仮名働き使い方結果 + プラス +(足す) a = 5 + 5 10 - マイナス -(引く) a = 5 - 5 0 * アスタリスク ×(かける) a = 5 * 5 25 / スラッシュ ÷(割る) a = 5 / 5 1 % パーセント …(余り) a = 5 % 5 0 [++]インクリメント演算…

関数の定義(3) | 引数とreturnを詳しく

引数:関数へ値を渡す function 関数名(仮引数1、仮引数2、...){ 実行される処理1; 実行される処理2; } 関数名(実引数1、実引数2、...); //関数を呼出す時 関数を呼出す時に関数名後の( )に実引数を記述する→仮引数に実引数が代入される→関数へ値を渡…

関数の定義(2)

関数のまとめ 関数を定義するには、functionキーワードを使用する 関数の戻り値は、return文で指定する 関数を呼び出すと、実引数が仮引数に代入される スコープとは、変数が有効になる範囲 関数内で宣言した変数は「ローカル変数」といい、スコープは関数の…

関数の定義(1)

関数(function) 関数とは、何らかの処理をひとつにまとめて「関数名」という名前で呼び出せるようにしたもの 関数は「function」キーワードで定義する 「Number」など、JavaScriptには予め関数が用意された組込関数とユーザー定義関数がある 関数に渡すな…

Webブラウザのオブジェクト

オブジェクトの階層構造 オブジェクトとは オブジェクト指向プログラミングにおいては、ソフトウェアが扱おうとしている現実世界に存在する物理的あるいは抽象的な実体を、属性(データ)と操作(メソッド)の集合としてモデル化し、コンピュータ上に再現したも…

JavaScriptとは

JavaScriptとは インタプリタ方式の高水準言語。>>過去記事 ソースはテキストで特別な環境が必要なく、プログラムの変更が容易 OSに依存しない。 Webページに動きや機能といった振る舞いを追加できる。 ブラウザがインタプリタとなるが、各ブラウザによって…

Thumbnailで画像置換 応用

段取り 白黒サムネイルをマウスオーバーするとカラーメイン画像に変化させる。 レイアウトは下図の通り。 メイン画像360px*270px、サムネイルは画像間の空きも計算に入れる。上下左右の空きを10pxとすると、(360-10)/2=175、(270-10)/2=130。 html ja…

Thumbnailで画像置換

段取り レイアウトのイメージ 画像枚数、画像サイズを決める メイン画像とサムネイル画像を用意する/phoshop使用 メイン画像の枠をつくる(今回は画像で) HTMLコーディング JavaScriptコーディング CSSコーディング 1.レイアウトイメージ 2.画像5枚、…

ナビゲーション(3)

JavaScriptで画像置換 onmouseover属性はある要素にマウスカーソルが合わさった時に起動するスクリプトを指定する。マウスオーバーしたら発動しますということ。 onmouseout属性はそのカーソルが外れた時に起動するスクリプトを指定する。マウスカーソルが離…