10月の授業日記

10/3　JavaScript

JavaScriptとは
html 文章の構造を定義
css 文章の見栄えを装飾
JavaScript ユーザーのアクションに応じてブラウザを制御

基本文系

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

オブジェクト

ブラウザのパーツのJSでの呼称
  • window.document
ドットで繋いでいく

メゾット

オブジェクトができる機能を実行する
  • window.alert();
  • document.write();

プロパティ

オブジェクトの持つ設定値を変える
  • document.bgcolor=値;

イベントハンドラ

  • ユーザーのアクション（ブラウザに対する働きかけ）に応じて命令を実行できる
  • タグの属性
    • ＜タグ イベントハンドラ＝"命令文"＞
  • 簡単な命令ならこの中に直接記述できる
  • htmのイベントハンドラをきっかけにJSがhtmlやCSSを制御できる

今日の一言

わあ

10/10　関数

JavaScriptの基本文系

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

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

プロパティを表示させる

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

ウインドーを開く

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

window.open('URL','window名','width=xx,height=xx')

  • 各オプションの間はカンマで区切る
  • サイズ指定は同一オプション＝クオート内をカンマで区切る

関数

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

関数の定義法

function 関数名(引数){命令文}

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

関数の呼び出し

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

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

きょうのひとこと

次回は引数を使う方法やDWでのJavaScriptの利用法をやります

10/17　DWによるJavaScript

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

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

変数を利用すると一つの関数で様々なバリエーションが作れる

function関数名（変数名）{変数,'ウインド名','サイズ'}

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

＜タグ イベントハンドラ="関数名（変数に代入する値）"＞

外部jsファイル

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

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

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

DWによるJavaScript

DWにはスクリプトを記述しなくてもjsによるページが作れるプリセットが搭載されている
  • ビヘイビア
  • ロールオーバーイメージ
  • jQuery UI

ビヘイビア

DWでのjsのプリセット
  • ウインドーを開く
  • プロパティの変更
  • テキスト変更
  • きょうのひとこと

10/24 ライブラリ/フレームワーウ

ビヘイビア復習

  • アラート

    • 画像を入れ替える

    スワップイメージ

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