10月の授業日記

10/7 JavaScrip

ユーザーのアクションに応じてブラウザを制御

 基本書式

  1. オブジェクト.プロパティ=値;
  2. オブジェクト.メソッド(値); 

オブジェクト

  • ブラウザパーツのjsでの呼称 

 プロパティ

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

メソッド

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

 はじめてのjs

イベントハンドラ

きょうのひとこと

複雑だけど、サイトを作る上でとても便利な機能だと思いました。

 10/14 関数

複数の命令をひとまとめにしたセット 

 関数の定義

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

関数の呼び出し

 <タグ イベントハンドラ="関数名(引数)">   

window.open

10/20 外部jsファイル

変数と因数

 値ではなく変数にすれば同じ関数違う数値を代入できる

外部CSS

スクリプトを記述した外部JSファイルへリンクして実行させられる

 

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

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

きょうのひとこと 

ランダムで 画像を表示できる機能を初めて知りました。面白かったです

11/4 DWによるJavaScript

DWにはスクリプトを記述しなくてもJSによるページが作れる方法が用意されている

ビヘイビア 

DWでのJSのプリセット

画像の入れ替え

スワップイメージ

ロールオーバーイメージ

CSS

せんせい

jsフレームワーク

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

JQuery

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

  • jquery本体
  • scriptファイル
  • htmlから呼び出す 

 jQuery UI

  • アドビ独自のフレームワークをjQery用に手直ししたもの
  •  挿入し、保存すると必要なファイルがサイト内へコピー・リンクされる

Datepicker 

きょうのひとこと 

日常で何気なく使っているサイトの仕様は、JavaScriptを使用してできていることを知りました。