JavaScriptとは？？

基本文系

1. オブジェクト.メゾット（値）;
2. オブジェクト.プロパティ＝値;

オブジェクト

ブラヴザのパーツのJSでの呼称

• window.document

ドットでつないでいく

メゾット

オブジェクトができる機能を実行する

• window.alert();
• document.write();

プロパティ

オブジェクトの持つ設定値を変える

• document.bgColor=値;

イベントハンドラ

• ユーザーのアクション（ブラヴザに対する働きかけ）に応じて命令を実行
• タグの属性

＜タグ　イベントハンドラ＝"命令文"＞

• 簡単な命令ならこの中に直接記述できる
• htmlのイベントハンドラをきっかけにJSがhtmlやCSSを制御できる

今日の一言

後期に入って初めての授業。テストボロボロだったのでこれからはもっっと理解ができるように頑張ります。

10/10 関数

JavaScriptの基本文系

オブジェクト.メソッド＝値

オブジェクト.プロパティ＝値

• わたしのひみつ

ウィンドーをサイズ指定して開く

プロパティを表示させる

• document.write(オブジェクト.プロパティ)

文字列ではない数値や値を示す時はクオートを入れない

ウィンドーを開く

• わたしの秘密

ウィンドーをサイズ指定して開く

関数複数

複数の命令をひとまとめにして名前をつけたセット

関数の定義法

function　関数名（引数）{命令文}

引数は値などを入れる時の入れ物。使わない場合でも空で()だけでもつけておく

関数の呼び出し

＜タグ　イベントハンドラ＝”関数名(引数)”＞

複数の命令をシンプルに実行できる

• 関数クイズ

今日の一言

あたり、ハズレがどうしても表示 出来なかったのが悔しかったです。面白いクイズができるといいな。

関数を利用してウィンドーを開く

・9月

• 7月を何度も開くような場合簡単になる
• URL毎に関数を作らなけえればいけない

関数に変数を利用してウィンドーを開く

• 7月
• 6月

funtion 関数名（変数名）{変数,'ウインド名','width=X,height=y'}

引数を変数（クオートに入れない）にすればイベントハンドラの引数の値を代入できる

<タグ　イベントハンドラ＝”関数名（変数に代入する値）”

外部JSファイル

スクリプトを記述した拡張子.jsのファイルにリンクすれば外部ファイルに記述したスクリプトを実行できる

<script src="jsファイルへのパス"></script>(終了タグ要)

外部ファイルに記述されている関数等をイベントハンドラで呼び出す使用法が多い

• うらない
• バナー表示

ライブラリとフレームワーク

• 外部jsファイルにパーツや画像などのファイルを組み込んだりしたものをライブラリやフレームワークと呼ぶ
• JSを記述出来なくても様々な機能が利用でき、こうした方法が主張に

代表的なもの

• jQuery
• Spry>adobe純正でDWのインターフェイスに組み込まれていた

DWによるJavaScript

DWにはスクリプトを記述しなくてもJSによるページが作れるプリセットが搭載されている

• ビヘイビア
• ロールオーバーイメージ
• jQuery UI

ビヘイビア

DWでのJSのプリセット

• ウィンドウを開く
• プロパティの変更
• テキストの変更
• 今日のひとこと

ビヘイビア復習

• アラート

画像を入れ替える

スワップイメージ

ビヘイビアによる切り替え

ロールオーバーイメージ

挿入からリンク付きで設定できる

CSS

せんせい

• ブロックレベル化し背景画像に指定すれば同じペースで異なるテキストで使いまわせる
• a:hoverで背景画像をチェンジ

JSフレームワーク

外部スクリプトの大規模化したものがフレームワーク

jQuery

• もっとも普及しているフレームワークの一つ

jQuery UI

• adobe独自のフレームワークSpayをjQuery用の手直ししたもの
• 挿入し保存すると必要なファイルがサイト内へコピー・リンクされる

Datepicker

日付をカレンダーから選べるjQueryのインターフェース

フレームワークの注意点

• 多くの外部ファイルを使用するのでファイル管理・リンク管理が重要
• コードが様々な場所に記述さxれているので移動・削除等しない

今日のひとこと

だんだん難しくなって追いつくのが困難になってきました。頑張って最後まで追いつけるよう頑張りたいと思います。