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

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

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

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

function関数名(変数名){変数,'ウィンドウ名','サイズ');

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

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

 

外部JSファイル

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

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

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

DWによるJava Script

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

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

ビヘイビアー

DWでのJSプリセット

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

ビヘイビア復習

画像をいれかえる

スワップイメージ

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

ロールオーバーイメージ

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

CSS

lkrk

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

JSフレームワーク

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

JQuery

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

Detapicker

注意点

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

きょうのひとこと

ろーるおーばーでしたに項目がずらってならぶやつしたい

メニュー