1. GOOD

JavaScriptのは、3つの基本的な部分に分かれています。

ECMAScriptの：JavaScriptシンタックスの規格。IF文、文などの変数、式、演算子、関数、を含みます。

DOM：APIドキュメントオブジェクトモデル、ページ上の操作要素。など図ボックスの移動、色、回転を行うよう。

BOM：ブラウザのオブジェクトモデル、ブラウザAPIの一部の機能が動作しています。たとえば、ブラウザが自動的にスクロールしてみましょう。

1.1 BOMはじめに

BOM：ブラウザのオブジェクトモデル、ブラウザのオブジェクトモデル。

図BOM構造：

これは、図から見ることができます。

BOMは、トップウィンドウオブジェクト（コア）オブジェクトであり、すべてのオブジェクトは、それを通って延在され、また、サブウインドウオブジェクトと呼ぶことができます。

DOMは、BOMの一部です。

ウィンドウオブジェクト：

ウィンドウオブジェクトは、JavaScriptでトップレベルのオブジェクトです。

グローバル変数、カスタムメソッドとプロパティは、オブジェクトウィンドウの関数です。

ウィンドウと呼ばれるウィンドウオブジェクトの場合はプロパティとメソッドを省略することができます。

ここでは方法BOMを内蔵しており、組み込みオブジェクトの共通について話をします。

1.2システムのダイアログボックスがポップアップ表示されます

例えば、alert(1)それはwindow.alert(1)それは方法の子ウィンドウであるため、速記。

3つの方法でシステムのダイアログボックス：

アラート（）;     // 一見異なるブラウザが同じではありません 
ことを確認し（）;   // 互換性の悪い 
プロンプト（）;    // お勧めできません

1.3開いているウィンドウ、ウィンドウを閉じます

1.3.1開いているウィンドウ

window.open（URL、ターゲット）

パラメータの説明：

URL：アドレスを開きます。

ターゲット：新しいウィンドウの位置。それは可能_blank であること：_self、 _parent 親フレーム。

1.3.2閉じます

閉じる（）;

<！DOCTYPE HTML>
<HTML>
    <ヘッド>
        <メタ文字セット= "UTF-8">
        <タイトル> </ TITLE>
    </ head>の
    <身体>
        
        <！ - 行の間にオープンJS（）ウィンドウを省略することができません - >
        <ボタンのonclick = "window.open（ 'https://i-beta.cnblogs.com'）">小さな灰色の愛</ button>をプログラムし
        
        <ボタン>オープンBaiduの</ボタン>
        <ボタンのonclick = "はwindow.close（）">关闭</ボタン>
        <ボタン>关闭</ボタン>
        
    </ BODY>
    ます。<script type = "text / javascriptの">
        
        VAR oBtn = document.getElementsByTagName（ 'ボタン'）[1 ]。
        VARはcloseBtn = document.getElementsByTagName（ 'ボタン'）[3 ]。
        
        oBtn.onclick = 関数（）{
                       // オープン（ 'https://www.baidu.com'）
            
            // 空白のページを開く 
            （「_セルフ」、「空白について」開きます）
        }
        closeBtn.onclick = 関数（）{
             IF（（確認"オフ？" ））{
                閉じる（）;
            }
        }
        
    </ SCRIPT>
</ HTML>

1.4位置ターゲット

window.locationそれは場所に省略することができます。場所は、ブラウザのアドレスバーに相当し、URLが別々のセグメントに分解することができます。

1.4.1位置属性オブジェクト

HREF：ジャンプ

ハッシュは＃備え、コンテンツのURL＃の後の返却しました

ポートを含むホストのホスト名、

ホスト名ホスト名

パスの部分パス名、URLの

プロトコル契約は一般的にHTTP、HTTPSであります

検索クエリ文字列

例LOCATION.HREFプロパティ：

例1：あなたはボックスジャンプをクリックします。

<身体>
<div> smyhvae </ div>
<スクリプト>

    VAR DIV = document.getElementsByTagName（ "DIV"）[0 ];

    div.onclick = 関数（）{
        LOCATION.HREF = "http://www.baidu.com";    // 際にクリックされたのdiv、特定のリンクにジャンプ
 //      window.open（ "http://www.baidu.com"、 "_blank"）; // 2番目の方法
    }

</ SCRIPT>
</ BODY>

例2：自動的に5秒後にはBaiduにジャンプ。

私たちは存在しないページを訪問したときに時々、あなたは、あなたが場所を使用することができ、自動的に5秒後に、特定のページにジャンプするように求められます。例えば：

<スクリプト>

    setTimeout（関数（）{
        LOCATION.HREF = "http://www.baidu.com" 。
    }、 5000 ）。
</ SCRIPT>

オブジェクトのメソッド1.4.2場所

location.reload（）：リロード

setTimeoutメソッド（関数（）{
          // 3秒後にリフレッシュするためにページ全体を聞かせて
    （window.location.reload）。
                 
}、 3000）

1.5ナビゲーターオブジェクト

いくつかの属性window.navigatorは、クライアントに関するいくつかの情報を得ることができます。

userAgent：システム、ブラウザ）

プラットフォーム：ブラウザのサポートシステム、Win / Mac版/ Linuxの

例：

console.log（navigator.userAgent）。
console.log（navigator.platform）。

1.6履歴オブジェクト

1、バック：

history.back（）

history.go（-1）：0リフレッシュ

前方2、：

history.forward（）

history.go（1）

あまり使用。ブラウザはすでに、これらの機能のためのボタンが付いていますので。

Webフロントエンドの基礎（13）：JavaScriptの（7）