By John Paul Mueller
JavaScriptはオブジェクトを広範囲に使用します。使用するオブジェクトと、JavaScriptを使用する際の重要な部分を知る。ブラウザ、Core Document Object Model（DOM）、およびHTML DOMオブジェクトを知ることで、標準アプリケーション（および多くの単純なアプリケーション）のかなりの部分を構築できます。これらは最も一般的に使用されるJavaScriptオブジェクトです。そのため、あなたの指先でそれらを保持してください。
<！ - 1 - >JavaScriptブラウザオブジェクトを使用してアプリケーション環境を管理する方法
JavaScriptブラウザオブジェクトを使用すると、アプリケーション環境を検出して変更することができます。ユーザーがどこにいたのか、現在どこにいるのか、どこにユーザーを置くことができるのかを知ることで、アプリケーションフローを効果的に制御できます。もちろん、ユーザーのデバイスの物理性を反映した方法でデータを表示できるように、ユーザーが持つ画面のサイズを知ることは重要です。
<！ - 2 - >次の表は、より興味深いJavaScriptのブラウザオプションの一部を示しています。
| オブジェクト | 説明 |
|---|---|
| ヒストリ | ブラウザの履歴に格納されたURLを調べて移動する手段を提供します。このオブジェクトに関連付けられた
メソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / obj_history。 asp。 場所 |
| 現在のURLに関する情報が含まれます。このオブジェクトも | は、新しいページの読み込みや現在のページの読み込みなどのタスクを実行する手段を提供します。このオブジェクトに関連付けられた
メソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / obj_location asp。 navigator 現在のブラウザに関する情報が含まれています。たとえば、 |
| では、ブラウザの種類とブラウザに | Cookieが有効かどうかを判断できます。このオブジェクトに関連付けられたメソッドと
プロパティの完全なリストは、www。 w3schools。 com / jsref / obj_navigator。 asp。 画面 ページの高さ、幅、色の深さなど、ページの表示に使用するデバイスの物理的特性を指定します。 |
| このオブジェクトに関連付けられたメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / obj_screen。 asp。 | ウィンドウ
メッセージボックスの表示などの作業を実行できるように、ブラウザウィンドウへのアクセスを提供します。フレームを含む ページで作業する場合、ブラウザは HTMLドキュメント全体のウィンドウと各フレームの別ウィンドウを作成します。この |
| オブジェクトに関連付けられたメソッドとプロパティの完全なリストは、 | wwwにあります。 w3schools。 com / jsref / obj_window。 asp。
<！どのようにJavaScriptアプリケーションの目標はコンテンツを管理することです。これは、コンテンツを構成しサポートするさまざまな要素を保持するHTMLドキュメントを追加、削除、編集することを意味します。これらのオブジェクトは、コンテンツに関するすべてのドキュメントの詳細へのアクセスを提供します。 オブジェクト 説明 Attr ドキュメント内の個々の属性へのアクセスを提供します。 |
ドキュメント
ドキュメント全体へのアクセスを提供します。このオブジェクト
| を使用すると、ドキュメントの任意の部分にアクセスできます。さらに、このオブジェクトは、ページに直接情報を表示し、ユーザーインターフェイスに関連するその他のタスクを実行します。 | このオブジェクトに関連するメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_core_document。 asp。 |
|---|---|
| 要素 | XMLとしてサポートされている任意のタイプの個々のドキュメント要素が含まれます。このオブジェクトは、Attrオブジェクトを介して属性にアクセスし、Nodeオブジェクトを介してプロパティにアクセスします。このオブジェクトに関連付けられた
メソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_element。 asp。 イベント |
| 既存イベントへのアクセスと新しいイベントの作成をサポートします。 | このオブジェクトに関連付けられたメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_event。 asp。
HTMLElement 段落またはコントロールのような個々のHTMLドキュメント要素を含みます。 Element およびNodeオブジェクトを使用して 要素の属性とプロパティにアクセスします。このオブジェクトに関連するメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_all。 asp。 |
| ノード | ドキュメント全体、ドキュメント内の要素、および要素、テキスト、およびコメントの一部として提供される
属性を含むことができる任意のノードの詳細を定義する。 は、このオブジェクトで |
| 関連するメソッドとプロパティの完全なリストをwww。 w3schools。 com / jsref / dom_obj_node。 asp。 | NodeFilter
ドキュメント内のノード のリストをトラバースするために使用されるNodeIteratorの一部として表示されるノードを指定します。このオブジェクトに関連付けられたメソッドと |
| プロパティの完全なリストは、https：// developerにあります。モジラ。 org / en-US / docs / DOM / NodeFilterにあります。 | NodeIterator
ドキュメント内のノードのリストを取得するメソッドを提供します。ノードのリストをトラバースすると、特定のノードを見つけて対話するのに役立ちます。たとえば、すべてのタグノードを見つけて 特定の属性を追加することができます。このオブジェクトに関連付けられた メソッドとプロパティの完全なリストは、https：// developerにあります。モジラ。 org / en-US / docs / DOM / NodeIteratorを使用します。 |
| NodeList | ドキュメント
内のすべてのノードまたはドキュメントの特定の領域の順序付きリストを含みます。このオブジェクトに関連付けられたメソッドとプロパティの完全な リストを wwwで見ることができます。 w3schools。 com / jsref / dom_obj_nodelist asp。 NamedNodeMap |
| ドキュメント | 内のすべてのノードまたはドキュメントの特定の領域の順序付けられていないリストを含みます。このオブジェクトに関連付けられたメソッドとプロパティの完全な
リストを wwwで見ることができます。 w3schools。 com / jsref / dom_obj_namednodemap。 asp。 |
| HTML DOMオブジェクトを使用して構造を管理する方法 | ユーザーが画面上でJavaScriptを使用して一貫したプレゼンテーションに表示する情報を整理することが重要です。ユーザーはHTMLドキュメントの構造を見なければなりませんが、構造はコンテンツをサポートする必要があります。ページを操作する場合、構造には、ユーザーが最も関心のあるコンテンツと対話して管理するために使用される表からコントロールまでのすべてが含まれます。次のHTML DOMオブジェクトは、JavaScriptで作業するときにこのタスクを実行するのに役立ちます。
オブジェクト 説明 ドキュメント ページ全体のすべての要素へのアクセスを提供します。ブラウザに読み込まれたすべての ページは、documentキーワードを使用してアクセスするDocumentオブジェクトになります。このオブジェクトに関連付けられたメソッドとプロパティの完全なリスト |
| は、www。 w3schools。 com / jsref / dom_obj_document。 asp。 | イベント
ページに関連付けられたイベントおよびイベントハンドラ との対話を許可します。各要素タイプには、 Buttonオブジェクトに関連付けられたクリックイベントなど、特定のイベント |
| が関連付けられています。このオブジェクトに関連付けられたメソッドとプロパティの完全な | リストを
wwwで見ることができます。 w3schools。 com / jsref / dom_obj_event。 asp。 HTMLElement すべてのHTML要素の派生元となる基本クラスを提供します。 |
この基本クラスは、すべてのHTML
要素が提供するプロパティとメソッドを定義します。このオブジェクトに関連付けられたメソッドと
| プロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_all。 asp。 | アンカー |
|---|---|
| HTMLハイパーリンクを表します。このオブジェクトに関連するメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_anchor。 asp。 | Area
グラフィック要素のクリック可能領域の作成に使用されるHTMLイメージマップ内の領域を定義します。このオブジェクトに関連付けられたメソッドとプロパティの完全な リストを |
| wwwで見ることができます。 w3schools。 com / jsref / dom_obj_area。 asp。 | Base
ページ上のすべてのリンク のデフォルトアドレスまたはデフォルトターゲットを指定します。このオブジェクトに関連付けられたメソッドと プロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_base。 asp。 本文 その |
| タグに含まれるすべての要素を含む、ページのタグ | 部分を表します。このオブジェクトに関連付けられたメソッドとプロパティの完全なリストは、www。w3schools。 com / jsref / dom_obj_body。 asp。
ボタン ページ上のボタンを表します。このオブジェクトは、 ボタンのタグフォームではなく、 |
| タグに関連付けられています。このオブジェクトに関連付けられたメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_pushbutton。 asp。 | フォーム
フォームを表し、その |
| フォーム内のすべてのエレメントを含みます。このオブジェクトに関連付けられたメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_form。 asp。 | フレームとIFrame
フレーム（ タグ）またはインラインフレーム（ タグ）および |
| そのタグ内のすべての要素を表します。このオブジェクトに関連付けられたメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_frame。 asp。 | Frameset
2つ以上のフレームを含むフレームセットへのアクセスを提供します。 このオブジェクトは、関連付けられたフレームを保持するために使用される行と列の数だけを指定します。このオブジェクトに関連付けられた |
| メソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_frameset asp。 | 画像
埋め込み画像を表す。このオブジェクトに関連するメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_image。 asp。 入力ボタン フォームの作成に使用される |
| タイプボタンのタグを表します。このオブジェクトに関連付けられたメソッドとプロパティの完全なリスト | は、www。 w3schools。 com / jsref / dom_obj_button asp。
入力チェックボックス フォームを構築するために使用される タイプのチェックボックスのタグを表します。このオブジェクトに関連付けられたメソッドとプロパティの完全な リストを |
| wwwで見ることができます。 w3schools。 com / jsref / dom_obj_checkbox。 asp。 | 入力ファイル
フォームを構築するために使用される 型ファイルアップロードのタグを表します。ユーザが |
| ボタンをクリックすると、ブラウザは | ファイルの検索に使用するブラウズダイアログボックスを表示します。このオブジェクトに関連付けられたメソッドとプロパティの完全なリストは、www。 w3schools。 com / jsref / dom_obj_fileupload asp。
入力非表示 |