LocationオブジェクトとHistoryオブジェクト

WebページのURL情報（Location） Locationオブジェクトは、WebページのURLを情報としてもつオブジェクトです hrefプロパティの値を変更することで、別のWebページへ移動できます location.href = 移動先URL; <html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScriptの練習</title> </head> <body> <h1>現在のページ</h1> <p></p></body></html>

2015-11-29

ブラウザオブジェクト

ブラウザオブジェクトとはブラウザオブジェクトは、ブラウザに組み込まれているオブジェクトですブラウザ上の情報は、すべてオブジェクトとして扱うことができますこれらのオブジェクトを総称して「ブラウザオブジェクト」と呼びます《主なブラウザオブ…

2015-11-28

チェックテスト（5）

Q1 以下はイベントに関する説明です空欄を埋めなさい Webページ上でボタンのクリックなどのイベントが起こると、（A）がイベントの発生を検知し、関連付けられた任意の処理を呼び出す。このような仕組みを（B)と呼ぶ。 Q2 onloadイベントハンドラは、一般的…

2015-11-27

チェックテスト（4）

Q1 以下のオブジェクトが持つメソッドを実行するときには、どのような命令を記述しますか？ <script> var obj = { x: function() { console.log( 'こんにちは' );} }; </script> Q2 メソッドの中で記述すると、オブジェクト自身を表すキーワードはなんですか？ Q3 配列はなん…

2015-11-26

連想配列の利用

連想配列配列の場合「０」から始まる添字で要素を指定しましたが意味的な関連性はありませんその添字の代わりに、「キー」と呼ばれる文字列で要素を指定します連想配列は、「Objectオブジェクト」というオブジェクトとして扱います連想配列の生成 new演…

2015-11-25

配列を操作する

Arrayオブジェクトのメソッド配列は、Arrayオブジェクトのインスタンスです配列をオブジェクトとして扱うと、あらかじめ用意された便利なメソッドを利用できます要素を joinメソッドで連結要素の増減にかかわらず、そのまま連結して表示します <html lang="ja"> <head> <meta charset="UTF-8"> <title>Array</title></meta></head></html>…

2015-11-24

配列の添字を活用する

曜日を日本語で表示する曜日の文字列は、「days配列」に格納しておきます <script> var days = new Array('日', '月' ,'火', '水', '木', '金', '土'); </script> Dateオブジェクトを作成曜日は、getDayメソッドを利用する1 getDayメソッドの戻り値は「日曜日〜土曜日」を「…

2015-11-23

Arrayオブジェクト

配列とはリストのこといくつかの情報を番号と一緒に保管するためのもの「配列」とは、添字（そえじ）と呼ばれる番号を用いて、１つの変数名で複数のデータをまとめて管理できるようにしたもの配列 - マンガで分かる JavaScriptプログラミング講座配列は…

2015-11-22

random関数

乱数の発生「random()」は、「0以上１未満の乱数を生成する」メソッド「floor()」は、「小数点以下を切り捨てる」メソッドランダムな「整数」を生成する rnd = Math.floor(Math.random() * (MAX + 1)); <html lang="ja"> <head> <meta charset="UTF-8"> <title>乱数の発生</title> </head> <body> <h1>乱数の発生</h1> <script> MAX = 10; var num; </body></html>…

2015-11-21

Mathオブジェクト

Mathオブジェクト Mathとは「数学（Mathematics）」の意味数値演算に便利なメソッドやプロパティが利用できるオブジェクトまえもってインスタンスを生成する必要はありませんスタティックメソッド（インスタンスを生成しないで関数のように使用できる） M…

2015-11-20

Dateオブジェクト - 状況に応じた処理

Dateオブジェクト JavaScriptに用意されている組み込みオブジェクト Dateコンストラクタを引数なしで実行すると、現在の日付時刻を管理する「Dateオブジェクト」が生成される現在の日付時刻を管理するDateオブジェクトを生成指定した時点で日付時刻を管理…

2015-11-19

組み込みオブジェクト

組み込みオブジェクトとは関数と同じくオブジェクトの場合も、JavaScriptがあらかじめ用意しているオブジェクトがありますこれを「組み込みオブジェクト」と呼びます《主な組み込みオブジェクト一覧》オブジェクト名説明 Object すべてのオブジェクトの…

2015-11-18

オブジェクト・メソッド・プロパティ

オブジェクトとはオブジェクトというモノ文字列や数値、関数などJavaScriptで扱うデータは、すべてオブジェクトですオブジェクトは「プロパティ」と「メソッド」を持っている JavaScriptのオブジェクトとは、キーと値の集合体のことです連想配列は、オブ…

2015-11-17

チェックテスト（3）

関数まとめクリックなどのイベント処理は、functionに書く functionは、呼び出さなければ動作しない似たような処理は引数を使って、同じfunctionにまとめる引数はなくてもよい、必要ならいくつでも指定できるブラウザの構造通信ソフトウエアレンダリン…

2015-11-16

関数の応用

関数の代入と匿名関数関数は、数値や文字列のように変数に入れて扱うことができますこの方法を使うと、条件に応じて異なる関数を変数に設定したり、関数を引数として別の関数に渡したりと、より柔軟に関数を利用できます変数名 = 定義済みの関数名；《関…

2015-11-15

変数のスコープ

スコープとは変数には、スコープ（有効範囲）が設定されていますスコープは、その変数がスクリプト中のどこからどこまでの範囲で利用できるかを表します《JavaScriptのスコープ》種類説明対象グローバルスコープスクリプト全体で変数を参照できる・…

2015-11-14

組み込み関数

組み込み関数とは JavaScriptがすでに備えている関数《組み込み関数一覧》関数名説明 parseInt 文字列型の数字列を数値型（整数）に変換する parseFloat 文字列型の数字列を数値型（実数）に変換する isNaN 指定された値がNaNであるかどうか調べる encode…

2015-11-13

関数

関数とは一連の処理をひとまとめにして、名前をつけたものを「関数」と呼びます手間のかかる処理を関数として定義しておけば、必要なときに何度も呼び出すことができます関数は処理の材料となる「引数」を受け取ります処理が終了すると「戻り値」と呼ば…

2015-11-11

チェックテスト（2）

Q1 以下のスクリプトで実行をすると、どのような結果が表示されますか？ <script> var x = 'ABC'; if (x != 'ABC') { console.log('OK'); } else { console.log('NG'); } </script> Q2 以下のスクリプトで実行をすると、どのような結果が表示されますか？ <script> var x = 10; if (x </script>…

2015-11-10

繰り返しの制御

繰り返しの中のbreak文 switch文でのbreak文は、ブロックの外へ抜けるための構文でした break文をwhile文やfor文のブロック内に記述することで、継続条件式がtrueであっても強制的にブロックの外へ抜けることができます《for文とbreak文》 <html lang="ja"> <head> <meta charset="utf-8"> <title>for文とbreak</title></meta></head></html>…

2015-11-09

指定した回数だけ処理を繰り返す - for文

for文指定した回数だけ処理を繰り返す変数「i」の初期値（「i」は、indexの意）処理を１回実行するたびに、変数「i」の値をどのように変更するか for ( 変数の初期値；繰り返し条件；変数の変更 ) { 実行される処理 } 変数の値を１ずつ増やす演算子「+…

2015-11-08

while文

while文とは反復処理（繰り返し）を行います同じ事を繰り返すことを「ループ」と呼びます while文は繰り返し回数が決まっていない場合に使われる場合が多い変数の初期値； while ( 繰り返し条件； ) { 実行される処理変数の変更 ; } 継続条件式には、if…

2015-11-07

チェックテスト（1）

演習課題 Q1 同一ディレクトリ内のJavaScriptファイル「sample.js」をHTMLファイルに読み込むには、どのように記述すればよいか書きなさい Q2 以下のスクリプトを実行した結果、コンソールに表示される値はなんですか？ <script> var x = 10, y = 20; x = y; y = x; </script>…