スライド anet.sist.chukyo-.pptVIP

JavaScript JavaScriptは現在の ウェブアプリケーションに必須の技術 Google，Twitter，Wikipedia Ajax Javaと完全に別物 記法こそ似ているものの構造は全く別物 Webアプリケーションの処理をクライアントに行わせることができる 歴史 ネットスケープコミュニケーションズが開発 Netscape Navigator2.0で実装 当時(95)大注目だったJavaを作った(故)サン?マイクロシステムズと提携関係にあったため、その名をあやかってJavaScriptに変更された (元：LiveScript) Googleを筆頭に徐々に使い始められる それまでは嫌われ者 その後JavaScriptによる非同期通信が発達 Ajax JavaScriptの例 ?xml version=1.0 encoding=UTF-8? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml xml:lang=ja lang=ja head meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta http-equiv=Content-Script-Type content=text/javascript / titleJavaScript Example/title script type=text/javascript //![CDATA[ function helloWorld(){ var str = Hello World; document.body.textContent = str; } //]] /script /head body onload=helloWorld(); pJavaScriptの世界へようこそ/p /body /html 書き方 HTML文書内に書きこむ場合 script type=”text/javascript” !-- 処理 //-- /script 外部ファイルに書き込む場合 script type=”text/javascript” src=”hoge.js” /script 文法-変数- 変数の宣言 ローカル変数 var 変数名 グローバル変数 変数名 関数外で宣言すると，varをつけてもグローバル変数になる 使用可能文字は 「a-zA-Z0-9$_」 ※一文字目は数字禁止 型の指定をしない 基本データ型 基本データ型 boolean true，false number 数字（整数、実数） string 文字列 特殊な値 null 値なし undefined 未定義 NaN 数字ではない Infinity 無限 文法 行末の「;」は省略可能であるが， 省略すべきではない キャメル記法を用いることが多い var heartCatch = true; 構文 演算子は基本的にCと同様 だが例外もあり 割り算は小数を返す alert(2/3); 数値と文字列を足すと 文字列を返す var hoge= 1+String; alert(typeof hoge); 文法：例題 とりあえずはろわ alert()を使ってhelloworldを表示させよう html head titleはろわ/title /head body (ここに処理を書く) /body /html True or False if文で以下の値の評価がtrue,falseどっちになるか調べてみよう 0, 1, , [], null, undefined, NaN, Infinity オブジェクト オブジェクトの作り方 var hoge = new Hoge(); 基本オブジェクトの種類 オブジェクト-配列- 宣言 var 配列名 = new Array(); 配列名[0] = abc; 配列名[1] = 72; var 配列名 = new Array(abc, 72); var 配列名 = [“abc”, 72]; アクセス var hoge =配列名[0]; ブラウザオ