ブラウザのオブジェクトモデル

ブラウザのオブジェクトモデルの
ブラウザはNavaScriptを引用し
紹介するHTMLファイルに直接
外部JSファイルを呼び出す
タグのhref属性を使用して
内部で直接JSコードを書くためにイベントを
するBOMの基本的な導入
BOMは何か？
一般的には、BOMにおけるいくつかのオブジェクトは、大きくあり：
●ウィンドウ：オブジェクトを表すウィンドウ
●ナビゲーター：情報含むブラウザ
●場所：現在のページの場所が含まれ
たページにアクセスするユーザーがここに含まれる歴史的な情報：●履歴
●画面を：情報表示するクライアントの機能が含まれ
●ドキュメントを：ページ全体を表し
BOM DOMとの関係？
DOMは、BOMの枝とみなすことができます。そこにオブジェクトが内部文書BOMと呼ばれるが、このオブジェクトのプロパティとメソッドがあまりにも多く、それがW3C別途取り出されているので、一連の仕様で作られました。
ウィンドウオブジェクト
へのwindowオブジェクトの基本的な導入
のウィンドウのグローバルプロパティと属性の違い
varとオブジェクトのプロパティ・ウィンドウが本当に正確に何？ある
あなたはVARと宣言された変数を削除するには、delete演算子を使用することはできませんわずかに異なる場所がある、ではありませんが、プロパティウィンドウがある場合は、削除するには、delete演算子を使用することができます。
CONSTと変数が宣言させ
ES6を使用してのconst変数を宣言して、新しいオファーがウィンドウオブジェクトのプロパティではありませんしましょう。
共通の属性
1.ウィンドウサイズ
プロパティウィンドウのサイズには2つのグループはinnerWidth、innerHeightは及びouterWidthのがあり、outerHeight
差である：内側こと-基は、ページビューの領域の大きさ、及びブラウザウィンドウ自体の大きさを表す外側の基を表します。 。
別にページのサイズからはinnerWidth、innerHeightはによる面積のビューを取得するために、あなたも渡すことができます
ページビュー領域のサイズを取得する文書。DocumentElement.clientWidthおよびドキュメント。のdocumentElement。ClientHeightて。
属性は、説明
はinnerWidth
（IEがサポートしていない）文書表示領域のウィンドウ幅への復帰を
innerHeightは、
ドキュメントウィンドウの表示領域の高さを返します（IEがサポートしていません）
document.documentElement.clientWidthは、
文書表示ウィンドウ幅（一般法）領域返された
ドキュメントを。 documentElement.clientHeightの
幅（一般的方法）は、文書表示領域を返す
ウィンドウの位置2.
プロパティウィンドウは、2つの位置、すなわちscreenLeftとscreenTopを有し、そこがscreenX及び属性の2組の画面にscreenYのウィンドウを相対的に表されの左と上に配置します。
プロパティ記述
がscreenX
バックに対してブラウザに（Eがサポートしていない）画面ウィンドウのx座標
screenYの
Yに関してブラウザに戻り、画面ウィンドウの座標、即ち、ブラウザからトップ（IEがサポートしていない）
screenLeft
画面ウィンドウのx座標に対するブラウザに
screenTop
IEの座標（Yに対してブラウザには、画面ウィンドウの座標）ツールバーメニューバー+高さ+アドレスバーを含み
3要素の位置
offsetLeftとoffsetTopすることで、ページ内の要素の位置を取得するために我々はできる、位置情報は、ユニットではありません。
4.要素の大きさは
、私たちは、要素の幅と高さを取得し、offsetWidth offsetHeのIGHTによってすることができます。
スクロール位置
pagexoffset pageYoffsetの特性とすることにより、我々は、ウィンドウのピクセル水平方向と垂直方向の左上隅にスクロール文書を取得することができます。
すなわち、pageXoffsetとpageYoffset特性と等しいscrollx scrollY特性に注意してください。これらのプロパティは読み取り専用です属性を。
一般的な方法
1.システムバルーン
警告（）：警告メッセージおよび表示するための指定されたOKボタンでボックス。
2.（問題の）ウィンドウサイズを調整する
（問題の）2.ウィンドウサイズ調整
ウインドウサイズに関する、メソッドのセット、resizeToは（ある）とresizeBy（）
resizeTo（）：ブラウザウィンドウが指定された値に調整される
）resizeBy（ ：相は、元のブラウザウィンドウに調整する
。3.ウィンドウ位置
4.開閉窓
open（）メソッド：開いているウィンドウを使用して（）メソッドは、次の4つのパラメータを取ります。
サブトピック2
に近い（）：（）メソッド開いているウィンドウオブジェクトを呼び出した後、彼はclose（）メソッドその中で、これらのオブジェクトのメソッドを呼び出すことができるオブジェクトを返します。
オープナー（）：オープンは、元のウィンドウオブジェクトを保存。
タイミングの関数
間欠呼の
のsetInterval（）及びてclearInterval（）は、これらの二つの方法が指定された時間の前に設定され、メソッドの集合であると言うことができます。
たsetInterval（）の構文は次の通りである：間隔時間をミリ秒単位で計算されたsetInteral（関数名、時間間隔）1000ミリ秒は1秒です。この方法は、戻ります-値IDを、ID値がコールを繰り返し停止するために使用することができます。
次のようにてclearInterval（）構文は次のとおりです。clearlnterval（ID）：断続的な呼び出しの役割は、設定を解除します。
タイムアウトコール
のsetTimeout（）及びてclearTimeout（）：後者の方法は、一連の前部を除去することであるが、これらの二つの方法は、指定された時間期間のセット後に、関数呼び出しの前に、集合とみなすことができます。
以下のようにしたsetTimeout（）構文は次のとおりです。ミリ秒数が、この番号の意味はコードの実行前に待機するミリ秒単位のミリ秒数であるsetlnterval（関数名、間隔）も、時間間隔を参照してください。この方法はまたてclearTimeout使用することができるIDを返します。
次のようにてclearTimeout（）構文は次のとおりです。てclearInterval（ID）：役割は、設定をクリアするには、タイムアウトを呼び出すことです。
navigatorオブジェクト
ナビゲータオブジェクトの属性
プロパティは、説明します
appCodeName、ブラウザの戻りコード名
appMinorVersion、ブラウザ二次バージョンに戻す
のappName、ブラウザ名に戻す
ブラウザ約プラットフォームとバージョン情報に戻り、のappversion
ブラウザの現在の言語に戻り、browserlのanguage
cookieEnabledはは、ブラウザかどうかを示す返さクッキーを開始するブール値
cpuClassは、ブラウザがCPUの評価システムを返し
、INE ONLをシステムがオフラインモードであるかどうかを示すブール値を返し
、ブラウザのオペレーティングシステムプラットフォームで実行に戻り、プラットフォーム
systemLのanguageを、OSに戻すデフォルトの言語使用
のuserAgentを、クライアント・サーバによって送信さUSER-エージェントヘッダーで返される値
userL anguage、OSの自然言語が設定返す
場所オブジェクト
の共通の属性を
記述するプロパティ
ハッシュを、のURLの一部アンカーに戻り
ホストを、リターンのホスト名とポートURLの
ホスト名、リターンURLのホスト名
のhref、完全なURLを返す
パス名を、パス名のURLが返された
ポートを、URLは、サーバが使用するポート番号を返し
、プロトコルをURLプロトコルを返す
検索を、URLのクエリ部分を返します。
URLは、シンボルの内容の後に戻ります「＃」を、含まれている場合、例えば：●ハッシュのhttp：... / / Wwをsunchis COM /インデックスのhtml＃は歓迎ハッシュが#welcomeです
●ホスト：サーバ名、 COM sunchisなWWW ...など
●ホスト名：ホストする通常等しい、WWWの目の前では省略されてもよい
。●HREF：全負荷、現在のページのURL。
●パス名：ホスト名の後のURLの一部。たとえば、次のhttp：// WWW sunchisコム/ HTML / JS / jsbasic / 2010/0319/88 htmlのパス名である/ HTML / JS / J sbasic / 2010/0319 / 88.html ....
●ポート：ポートは、リクエストURLに宣言しました。プロパティは、通常は空であるように、デフォルトでは、ほとんどが、何のポート情報（デフォルトのポート80を）URLません。// WWW sunchis COM :.：HTTPのような ... 8080 /インデックスHTMLのURLのポートの属性など8080
●プロトコル：プロトコルは、URLにダブルスラッシュ（/）の前に、すなわち一部を使用しました。たとえば、HTTP .. // WWW sunchis comのプロトコルで同等のhttp属性：、FTP .. // WW sunchis COM プロトコルFTPと同じ属性：
URLの一部は後に疑問符の要求の実行をGET：（？）●検索また、クエリ文字列として知られています。ケース
httpなど.. // WWW sunchisコム /検索htmlのアジサシ= sunchis 。検索プロパティで??
TERM = sunchis
一般的な方法の
場所科目一般的な方法について説明
（）、新しいドキュメントのロード割り当てる
リロードを（）、現在の文書がリロード
新しいドキュメントを現在のドキュメントを交換するために、）（置き換え
リロード（）：このメソッドは、現在のドキュメントを再ロードするために使用されます。
効果：ページの更新ボタンをクリックして
新しい文書をロードするこの方法：割り当てを（）。ロードURLは、新しいHTML文書を指定しました。リンクの同等は、指定されたURLにジャンプし、新しいページのコンテンツを向けるだろう、現在のページは、ページに戻るには戻るをクリックすることができます。
置き換え（）：このメソッドは、新しい文書と現在の文書を交換するために使用することができます。2つのページの前にして、ウィンドウを共有した後、現在のウィンドウのページを交換するので、前のページに何の後退リターンがない文書で指定されたURLをロードすることによって、現在のドキュメントを交換します。
マナージャンプ
●LOCATION.HREFの
●のwindow.locationの
●のLOCATION
●のlocation.assign0の
●のlocation.replace0）
の歴史は、オブジェクト
の共通プロパティの
長さを：URL履歴一覧ブラウザの数を返し
一般的な方法の
方法を、説明した
負荷履歴一覧を：（）バック以前のURL
フォワード（）：次のURL履歴一覧の読み込み
行く（）：特定のページの履歴一覧ロード
window.history.go0方法は、特定のページに移動するために使用することができますが、0は現在のページを表し
そこウィンドウ。歴史。フォワード（）と窓。歴史。戻る（）メソッドは、単にブラウザ前後にボタンのように、それぞれ前後に1ページを使用することができます。
スクリーンオブジェクト
プロパティ説明
高さ：スクリーンピクセルの高さ
幅：スクリーン画素の幅
availHeight：画面の画素の高さの値を減算する（読み取り専用）システムコンポーネント高後
availWidth：画素値のシステムコンポーネントの画面幅の幅を差し引いた後（のみ読み取りは）
左：現在のスクリーンピクセル距離の左側には、Firefoxは0、クロムを返し、IE]はサポートしていないから
上部：現在のピクセル距離をFirefoxが0、クロムを返し、IEがサポートしていない画面の上から】
availLeft：最も左側のシステムコンポーネントによって占有されていません画素値（読み取り専用）側[Firefoxのクロムと戻り0は、IEがサポートしていない】
上部画素値（読み取り専用）は、システムの構成要素によって占有されていない[Firefoxのクロムおよび0を返し、IEがサポートしていない]：avilTop
bufferDepthを：読み取り、ビットマップオフスクリーン提示する数字を書く[Eは、0を返しクロムとFirefoxがサポートしていない]
カラー深度を：色を表すビット数（読み取り専用）[E8 32戻り、他のブラウザは、24を返すように]
pixelDepth：画面ビット深度（読み取り専用）[1E8-サポートされていない、他のブラウザ24を返す]
deviceXDPI：実際のレベルの画面DPI（読み取り専用）のIE 96、クロムとFirefox]をサポートしない返す
実際の鉛直スクリーンDPI（のみ：deviceYDPIを ）のIE 96は返し、クロムとFirefoxはサポートしません]
logicalXDPI：スクリーン論理レベルDPI（読み取り専用）を返し1E 96、クロムとFirefoxないサポート]
logicalYDPI：ロジック鉛直スクリーンDPI（読み取りのみ）のIEを返す96、クロム、およびFirefoxがサポートされていない]
updatelnterval：ミリ秒単位で書き込み、読み出します画面には、[、E戻り0をChromeとFirefoxがサポートしていません]間隔にリフレッシュ
（読み取り専用Eが真の、クロムを返し、Firefoxがサポートされていないフォントスムージングを有効にするかどうか：fontSmoothingEnabled
ドキュメントオブジェクトの
効果を：前クリックしてください
。Lオレムイプサム嘆きAMET座る
ボタンのクリックを
クリックして
、このテストは、すぎるtestthisある
1.クッキーを作成します。クッキーを作成するには、唯一の情報は、プロパティをdocument.cookieに割り当てることができます保存する必要がある
。2.クッキーを変更します。あなたはまた、Cookieの値を変更したい場合非常に単純な、それだけで、既存のキーを再割り当てする必要があります。
3.クッキーを読み、必要が唯一document.cookie型にクッキーを読んで、これはすでに我々は文字がクッキーをsplit0使用することができます方法を使用されてきました。用-のサイクルスルーを使用し、その後、文字列の配列に分割。
4.クッキーの有効期限：セッションクッキーは、クッキーのデフォルトである、それは言うことです、ブラウザセッションの終了後に （つまり、ユーザがブラウザのタブまたはウィンドウを閉じると、クッキーが削除されます、しかし、最後のクッキーに追加する場合、単純にクッキーを設定し、恒久的なクッキーになることができます。「; =日付値のExpires」を設定に失敗したことを日付ができます。
5.クッキーのパスとドメイン：デフォルトでは、クッキーは、ページやドメインと同じディレクトリにそれを読むために文書で設定することができます。これは、セキュリティ上の理由で、そのアクセスクッキーは限られています。経路を変更することができます。例えば、我々は、任意のページにはクッキーの根を読み取ることができカタログを作ります。クッキーを設定することにより、クッキーが最後に追加されます。パス= /達成。
6.セキュリティ保護クッキー：これは非常に単純ですが、文字列の末尾にクッキーではありません追加され、確保「することができ、それが確保できるように、唯一のセキュアなHTTPSネットワークを介して送信することができます。
7.クッキーを削除します。クッキーのメソッドを削除するだけで期限切れになるように、過去にいくつかの時間で、クッキーの有効期限を設定するには、非常に簡単です。