10月の授業日記

10/3 JavaScript

JavaScriptとは

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

 

基本文系

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

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

オブジェクト

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

  • window.document

    • ドットでつないでいく

    メソッド

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

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

    • プロパティ

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

  • document.bgColor=値;

    • イベントハンドラ

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

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

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

    • 今日の一言

    トラブルがなくスムーズに終えられた。

    10/10 関数

    JavaScriptの基本文型

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

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

    プロパティを表示させる

  • document.write（オブジェクト.プロパティ）

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

    ウィンドを開く

  • わたしのひみつ

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

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

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

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

    •  

    関数

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

    関数の定義法

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

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

    関数の呼び出し

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

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

  • 関数クイズ

    • 今日の一言

    途中から混乱したが無事に終えられた。

    10/17 DWによるJavaScript

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

  • 9月

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

  • 7月
  • 6月

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

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

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

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

    外部jsファイル

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

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

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

  • うらない
  • バナー表示

    • DWによるJavaScript

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

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

    • ビヘイビア

    DWでのjsのプリセット

  • ウインドーを開く
  • プロパティの変更
  • テキスト変更
  • 今日の一言

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

    　 　

    ビヘイビア復習

  • アラート

    • 画像を入れ替える

    スワップイメージ

    ビヘイビアによる切替

    元のイメージを挿入しそれに設定する

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

    CSS

    アイク

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

    • Jsフレームワーク

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

    jQuery

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

    • Datepilcker

    日付をカレンダーから選べる

    注意点

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

    • 今日の一言

    少し難し手間取ってしまった。