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