まとめ
フォーカス時、初期表示のテキストが消える ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>JavaScript：入力フィールドの初期値を消す</title> <style> p.field input{ color:#999; } </style> <script> var nameField = 'お名前を入力して下さい'; var mailField = 'メールアドレスを入力して下さい'; functi</meta></head></html>…
フォームの入力チェック フォーム内の入力を確認して、未記入の場合アラートでお知らせ ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの入力チェック</title> <style> th { text-align: right; font-weight: normal; vertical-align: top; } </style> <script> function check(){ myField=document.m</meta></head></html>…
パスワード認証 パスワード.htmlを作成しておく robots.txtも同時に設定しないとセキュリティの問題が残ってしまう ソースコード【 HTML 】 <html> <head> <meta charset="UTF-8"> <title>課題7 パスワード認証</title> <script> function secret(){ password=document.myForm.pass.value location.href ='secret/' + </script></meta></head></html>…
まとめ DOMを使用すると、HTMLの任意の要素にアクセスできる getElementByIdメソッド：指定したIDのノードを取り出す innerHTML：ノードのHTMLを変更する
まとめ スタイルシートのプロパティは、各ノードの「style.プロパティ名」で設定 textAlignプロパティ：テキストの配置を設定 backgroundImageプロパティ：背景画像を設定 visibilityプロパティ：表示・非表示を切り替える
まとめ style.leftプロパティ：エレメントの左端の座標を設定する アニメーションを行うには、タイマーを利用する
指定時間後に処理を実行 タイマーを使うと、一定周期で処理を繰り返すことができる setTimeoutメソッド：タイマーを開始する clearTimeoutメソッド：タイマーを停止する
windowオブジェクト 新規ウィンドウを開くには、windowオブジェクトのopenメソッドを使用する 新規ウィンドウにHTMLを出力するには、documentオブジェクトのopenメソッド、writeメソッド、closeメソッドの順に実行する
imageオブジェクト imageオブジェクト：ブラウザ内の画像を管理する imageオブジェクトの「srcプロパティ」に画像ファイルのパスを代入するとイメージを変更できる
イベントハンドラ イベントの処理は、イベントハンドラで行う クリックすると呼び出される、onclickイベントハンドラ HTMLドキュメントが読み込まれたときに呼び出される、onloadイベントハンドラ
]formオブジェクト valueプロパティ：textオブジェクトの文字列を設定・取得する checkedプロパティ：radioボタンがオンかどうかを判断する
Webブラウザのオブジェクト Webブラウザのオブジェクトには、階層構造がある navigatorオブジェクトを使用すると、Webブラウザに関する情報が得られる ユーザーのOSを調べるには、platformプロパティを参照する
連想配列の利用 キーで要素を指定する、連想配列 連想配列は、Objectコンストラクタで生成する 連想配列の要素を順に処理するには、for〜in文を使用する
配列の添字を活用する 配列の添字は、「0」から始める点に注意 配列をリテラルとして記述するには、要素をカンマで区切り「ブラケット（角括弧）」で囲む
配列の基礎 配列とは、Arrayオブジェクト 配列の長さは、lengthプロパティに入れられる 配列の各要素を順に処理するには、for文を使用する
Stringオブジェクト Stringオブジェクトは、Stringコンストラクタで生成する 文字列の長さを求める、lengthプロパティ 指定した位置の文字を取り出す、charAtメソッド
getTimeメソッドで日数の差を求める 「ミリ秒」単位（1/1000秒）で戻す diff：difference 日数として使用するには「少数点以下の桁」が不要 「少数点以下を切り上げる」には、「Mathオブジェクトのceilメソッド」を利用する diff = day2.getTime() - day1.ge…
![はてなブックマーク - [JavaScript][授業]Dateオブジェクト０５](https://b.hatena.ne.jp/entry/image/https://webry.hatenadiary.org/entry/20130119/p2)
Mathオブジェクト Mathオブジェクトのメソッドは、インスタンスを生成しないで使用 最大値を求める maxメソッド、最小値を求める minメソッド ０以上１未満の乱数を発生する、randomメソッド
処理をまとめて名前で呼び出す - 関数の定義 関数を定義するには、functionキーワードを使用 関数の戻り値は、return文で指定 関数を呼び出すと、実引数が仮引数に代入される スコープとは、変数が有効になる範囲 関数内で宣言した変数は「ローカル変数」と…
条件で繰り返しを中断する - break while文の条件式に「true」を設定すると、無限ループになる 無限ループから脱出するには、if文とbreak文を使う
条件が成立している間処理を繰り返す - while文 for文だけでなく、while文でも処理を繰り返すことができる while文では、制御変数の設定を個別に行う必要がある ループの回数などは、変数で設定すほうがわかりやすくなる
条件分岐 - switch文 値に応じて対応する case文にジャンプする switch文 switch文 のブロックを抜けるには、break文を使う 文字列を数値に変換する Number関数
まとめ 変数は、使う前に宣言 変数は、varで宣言 変数名に使える文字は、半角英数字とアンダースコア 変数に値を代入するには、「=」 「+」演算子を文字列に使用すると、文字列として連結 「+」演算子を文字列と数値に使用すると、文字列として連結 「値その…
ユーザーからの入力を受け取る メソッドには、値を戻すものと戻さないものがある メソッドが戻す値を「戻り値」 「promptメソッド」は、入力ダイアログボックスを表示 /ul>
条件分岐 - if文 「もし〜ならば〜を行う」という処理を行う「if文」 「そうでなければ〜を行う」という処理を行う「if else文」 比較演算子は、「true」もしくは「false」を戻す演算子 複数のステートメントをまとめるブロック 「if else文」を組み合わせる…
CSSによるページ構築の手順 この「グループ化」をするときに、「id名」「class名」を使い分けて、グループの意味を作っていく。
文書構造のグループ化 グループ化とは、div要素によるコンテンツのブロック化 「コンテンツのブロック化」であるので、１行を「div要素」で囲まないことが鉄則 見出しと本文のまとまりとを一緒に構造化 情報を「線形化」する砕いて言えば、ワープロソフトの…
IE6で、マージンが２倍になってしまうバグ 下記のコードで、IE6はマージンが20pxになる。 #sidebar{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10px; } マージンが２倍になってしまうバグは、…
floatと親ボックスの「高さ」
CSSは3次元で考える 記述の順序は「外側から」と「重なり順の上から」がある。 一般的にレイヤー構図を意識して記述することが少ないからか「外側から」記述することが多い 記述順序例
