10/3 JavaScript

 

JavaScriptとは

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

基本書式

  1. オブジェクト.プロパティ＝'値'；
  2. オブジェクト.プロパティ('値');

オブジェクト

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

  • window.document

ドットで繋げていく

メソッド

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

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

イベントハンドラ

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

＜タグ　イベントハンドラ＝”命令文”＞

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

今日のひとこと

ようやくJavaScript〜〜

待ちに待ってましたうれしい〜〜

10/11 関数

JavaScriptの基本文型

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

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

プロパティを表示させる

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

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

window.open=('URL','ウィンドウ名','width=××' , 'height=××')

関数

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

関数の定義法

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

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

関数の呼び出し

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

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

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

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

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

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

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

きょうの一言

JavaScript始まってまだ二回だけどもうむずかしい、、、 頑張ってついていきたい

10/17 DWによるJavaScript

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

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

外部JSファイル

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

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

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

ライブラリとフレームワーク

  • 外部jsファイルにパーツや画像などのファイルを組み込んだりしたものをライブラリやフレームワークと呼ぶ
  • JSを記述できなくても様々な機能が利用でき、こうした方法が主流に

代表的なもの

  • jQuery
  • spry>adobe純正でDWのインターフェースに組み込まれていた

DWによるJavaScript

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

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

ビヘイビア

DWでのJSのプリセット

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

ビヘイビア復習


画像を入れ替える

スワップイメージ

 

CSS