10月3日 JaveScript
JaveScript とは
| html |
文章の構造を定義 |
| CSS |
文章の見栄えを修飾 |
| JaveScript |
ユーザーのアクションに応じてブラウザを制御 |
基本文系
- オブジェクト.メソッド（値）;
- オブジェクト.プロパティ＝値;
オブジェクト
ブラウザのパーツのjsの呼称
ドットでつないでいく
メソット
オブジェクトができる機能を実行する
- window.aleart();
- document.write();
プロパティ
オブジェクトの持つ設定値を変える
イベントハンドラ
- ユーザーのアクション（ブラウザに対する働きかけ）に応じて命令を実行できる
- タグの属性
＜タグ イベントハンドラ＝”命令文”＞
- 簡単な命令ならこの中に直接記述できる
- htmlのイベントハンドラをきっかけにJSがhtmlやCSSを制御できる
きょうのひとこと
最初の時間DWの調子が悪かったが治ってよかった
10/10 関数
JavaScriptの基本文系
オブジェクト.メソッド（値）
オブジェクト.プロパティ＝値
プロパティを表示させる
文字列ではない数値や値を示す時にはクオークを入れない
ウィンドーを開く
ウィンドーをサイズ指定して開く
window.open('URL','windou名','width=xx,height=xx')
- 各オプションの間はカンマで区切る
- サイズ指定は同一オプション＝クオート内をカンマで区切る
関数
複数の命令をひとまとめにして名前をつけたセット
関数の定義法
function 関数名（引数）{命令文}
引数は値などを入れる時の入れ物。使わない場合でも空で（）だけでつけておく
関数の呼び出し
＜タグ イベントハンドラ＝"関数名"（引数）＞
複数の命令をシンプルに実行できる
きょうのひとこと
眠かった.....。
10/17 DWによるJavaScript
関数を利用してウインドーを開く
関数に変数を利用してウインドーを開く
変数を利用すると一つの関数で様々なバリエーションが作れる
function関数名（変数名）（'変数','ウインドー名','サイズ'）
引数を変換（クオート入れない）にすればイベントハンドラの引数の値を代入できる
＜タグ イベントハンドラ＝"関数名（変数に代入する値）"＞
外部jsファイル
スクリプトを記述した拡張子.jsのファイルにリンクすれば外部ファイルに記述したスクリプトを実行できる
＜script src="jsファイルに記述されている関数等をイベントハンドラで呼び出す使用法が多い
DWによるJavaScript
DWにはスクリプトを記述しなくてもJSによるページが作られるプリセットが搭載されている
- ビヘイビアー
- ロールオーバーイメージ
- JQuery UI
ビヘイビア
DWでのJSのプリセット
10/24 ライブラリ/フレームワーク
ビヘイビア復習
画像を入れ替える
スワップイメージ
ビヘイビアによる切り替え
ロールオーバーイメージ
挿入からリンク付きで設定できる
CSS
HAKUA
- ブロックレベル化し背景画像に指定すれば同じベースで異なるテキストで使いまわせる
- a:hoverで背景画像をチェンジ
JSフレームワーク
外部スクリプトの大規模化したものがフレームワーク
jQuery
DatePicker
注意点
きょうのひとこと
疲れた・・・。