HTML:文書構造
・見出し
・段落
・画像
CSS:視覚表現
・見出しの文字サイズ
・段落の行間
・画像の位置
JavaScript:動き
・画像をスライド
⇒Webページ となる
cmd クリップボードへ
dir /b | clip
これは便利
たった1日で基本が身に付く! JavaScript超入門 その４
DOM(Document Object Model：ドム)とは
DOMの仕様は以下の２点に集約される
- 文書をオブジェクトとして扱う
- 文書へのアクセスや操作の方法を定義
◆主なノード
- 文書ノード：予約後[document]で扱う
- 要素ノード
- テキストノード
- 属性ノード
- 親ノード
- 子ノード
- 兄弟ノード
◆主な要素取得方法
document.getElementById
document.getElementsByTagName
document.getElementsByClassName
CSSと組み合わせてClassでやるのが一般的なのかどうかも調べる。
たった1日で基本が身に付く! JavaScript超入門 その２
var つけないとグローバル変数になる
◆主なデータ型
- 文字列型
- 数値型
- 真偽型
- 配列型
- オブジェクト型：連想配列のことだって
◆主なオブジェクト
- 組み込みオブジェクト：JavaScriptであらかじめ定義されている
- ブラウザオブジェクト：ブラウザで取り扱える
- DOMオブジェクト：HTMLの要素のアクセスができる
◆主な組み込みオブジェクト
- String
- Number
- Boolean
- Array
- Object
- Math
- Date
- JSON
で、ここからがポイントで
Sgtring～Objectまでがデータ型と対応していて、文字列型で変数宣言するとStringオブジェクトが持つプロパティやメソッドが利用できると。なんじゃそりゃ。適当な 気の利く言語やな。
◆主なブラウザオブジェクト。ブラウザオブジェクトはインスタンス化済み。下記のインスタンス名で直接呼べると。
- Window：すべてのブラウザオブジェクトの親 [window]
- Navifator：ブラウザ情報を管理 [navigator]
- Location：URL情報を管理 [location]
- History：閲覧履歴を管理 [history]
たった1日で基本が身に付く! JavaScript超入門 その１
- Canvas 2D Context：2Dグラフィックの描画
- Geolocation API：位置情報の取得
- File API関連：ファイルやディレクトリの操作
- Web Storage：データの保存
- Indexed Databese API：key-value型のデータベース
- WebSocket：双方向通信
- Web Workers：バックグラウンド処理
サーバーサイドで動くnode.js
JavaScriptの役割
