スタイルシートの変更をしよう
この章ではJavaScriptのプログラムでスタイルシートに関する各種データを操作する方法について説明します。 この例ではonを押したらon関数が実行してスタイルが適応され、offを押したらoff関数が実行して、そのスタイルを消すと言う動作をします。 定義されたスタイルシートにアクセスするのは と言う形式でclassN...
この章ではJavaScriptのプログラムでスタイルシートに関する各種データを操作する方法について説明します。 この例ではonを押したらon関数が実行してスタイルが適応され、offを押したらoff関数が実行して、そのスタイルを消すと言う動作をします。 定義されたスタイルシートにアクセスするのは と言う形式でclassN...
この章では「DOM」(Document Object Model)と呼ばれている機能について学習します。 DOMとはxmlやhtmlの各要素にアクセスするための機能のことです(JavaScriptからHTMLやXMLを操作するための機能)。 例えばhtmlの中の「文や画像」を取り変えたりすることが出来ます。 DOMを視...
この章ではHistoryオブジェクトについて説明します。 Historyオブジェクトはページの来歴に関する情報を提供するオブジェクトです。 では例をみてみましょう。 goメソッドの引数にマイナスの数を指定すると前のページに移動し、プラスの数を指定すると次のページに移動します。 移動するページがなければ何も動きません。 ...
この章ではnavigatorオブジェクトについて説明します。 navigatorオブジェクトはユーザーのブラウザに関する情報やPC環境情報を取得できるオブジェクトです。 では例をみてみましょう。 これは筆者の情報ですが、出力すると以下のようになります。 次の例をみてみましょう。 これは筆者の情報ですが、出力すると以下の...
この章ではscreenオブジェクトについて説明します。 screenオブジェクトはディスプレイに関する情報を与えてくれるオブジェクトです。 では例をみてみましょう。 結果は上から以下の通り出力します。[基本構文] screen.プロパティ
この章ではFormオブジェクトについて説明します。 FormオブジェクトはHTMLのフォームのデータを取得するなど、フォームにアクセスするためのオブジェクトです。 フォームの入力データが正しいかどうかをチェックしたりすることが出来ます。 FormオブジェクトはHTMLのformの要素1つ1つをオブジェクトとして扱います...
「様々なオブジェクトについて知ろう9」において、イベントを実行する方法について説明しましたが、この時にはHTMLのタグに直接イベントを設定しました。 この章ではJavaScriptのコードの中にイベントを書く方法について説明します。 では例をみてみましょう。 JavaScriptのコードの中にイベントを書く方法は2つあ...
この章ではwindowオブジェクトについて説明します。 Windowオブジェクトは以下の通り、Documentオブジェクトなどに分類できます。 [Windowオブジェクト] • Windowオブジェクト (self、parentなど) • Documentオブジェクト • Formオブジェクト • Anchorオブジェ...
この章ではGlobalオブジェクトについて説明します。 Globalオブジェクトはオブジェクトを作成してから使用するオブジェクトではありません。 つまり、のようにオブジェクトを作ることはありません。 「変数のスコープについて知ろう」で説明したグローバル変数もこのGlobalオブジェクトになります。 つまり、グローバル変...
この章では変数のスコープについて説明します。 スコープとはプログラム中で変数を使うことのできる範囲のことを言います。 スコープは2つに分けられ、グローバルスコープとローカルスコープがあります。 グローバルスコープは関数の外で宣言された変数でプログラム全体にアクセスすることが可能です。 このような変数をグローバル変数と言...