10月の授業日記

JavaScriptとは

基本文系

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

オブジェクト

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

• Window.document();

ドットでつないでく

メソッド

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

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

プロパティ

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

• document.bgColor=値;

イベントハンドラ

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

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

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

きょのひとこと

今日は新しいことをして前期がインターンだったのでやっとやりがいがでてきました！これからは前期の時みたいにならないようにがんばりたいです。

JavaScript

オブジェクト.メソット（値）

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

プロパティを表示させる

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

文字枠では無い数値や値を示すにはオートをいれない。

ウィンドーを開く

• わたしのひみつ

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

• わたしのひみつをサイズ指定して開いた

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

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

関数

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

関数の定義方

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

引数は値などを入れる時の入れ物。使わない場合でもからで（）だけつけておく

関数の呼び出し

＜タグ イベントハンドラ=”関数名（引数）”＞

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

• 関数クイズ

きょうひとこと

JavaScriptはやっていて楽しいですしインターンが終わったのでやっとステレスなくWebを受けることができます！！

楽しい！！！！！！！！！！！

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

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

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

• 7月
• 6月

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

function 関数名(変数名){変数,'ウインド名','width=X, height=y'}

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

＜タグ イベントハンドラ＝"関数名(変数に代入する値)"＞

占い

クラス占い

外部jsファイル

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

＜script src="jsファイルへのパス”＞＜/script＞

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

• 占い
• バナー表示

DWによるJavaScript

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

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

ビヘイビアー

DWでのJSプリセット

• ウィンドーを開く
• プロパティ変更
• テキスト変更
• きょうのひとこと

ビヘイビア復習

• アラート

  画像を入れ替える

  スワップイメージ

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

  

   

  ロールオーバーイメージ

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

  

  CSS

  あああああ

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

Jsフレームワーク

jQuery

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

DarePicker

注意点

• ファイルを動かさない
• コードを改変しない

きょうのひとこと

きょうはJavaScriptがうまく動かなくて（自分がわるいのかもしれない！！）結構大変でした。結局治らず。。。。

しっかりと修正しつつ頑張っていきたいと思います。