疑似配列引数

引数の代わりに引数です。場所について特にあり：引数が関数内でのみ使用。

1.1戻りパラメータの数

戻り値関数の引数の数：arguments.lengthを

例：

FN（2,4 ）、
FN（ 2,4,6 ）、
FN（ 2,4,6,8 ）; 

関数FN（A、B、C）{ 
    にconsole.log（引数）
    はconsole.log（FN。長さ）;          // パラメータの数を取得 
    はconsole.log（arguments.lengthをする）;   // 引数の数を取得する

    にconsole.log（「----------------」）; 
}

結果：

1.2のみ変更可能な要素は、継続時間を変更することはできません

引数は要素を変更することができますが、配列の長さを変更することはできません。その理由は、なぜ、疑似配列引数です。

例：

FN（2,4 ）、
FN（ 2,4,6 ）、
FN（ 2,4,6,8 ）; 

関数FN（A、B）{ 
    引数[ 0] = 99;   // の最初の引数99数 
    arguments.push（8）;   // この方法は、通過しない要素ので、大きくすることができません 
}

いくつかの方法で空の配列：

VaRのアレイ= [1,2,3,4,5,6 ]; 

Array.splice（ 0）;       // 実施例1：すべてのアイテムが削除 
Array.lengthと= 0であり;      // 実施例1：長さ属性を割り当てることができ、他の言語では、リードの長さである 
配列= [];            //はモード3：推奨

2. DOM操作時間

2.1 JavaScriptの組成

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

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

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

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

2.2イベント

JSは、言語のイベント駆動型コアです。

2.2.1物事の三つの要素

イベントの三つの要素：イベントソース、イベント、イベント駆動型プログラミング。

たとえば、ライトを切り替えるために私の手を押してください。イベントソースがある。この問題：手。イベントは次のとおりです。スイッチを押してください。イベント駆動型のプログラムは以下のとおりです。オンとオフが点灯します。

別の例として、ページ上のポップアップ広告が、私は右上隅をクリックしてXシャットダウンを宣伝し、。この事は、イベントソースは次のとおりですX。イベント：onclickの。イベント駆動型のプログラムです：広告が閉じました。

だから我々は結論付けることができます：イベントソースである後発事象によって引き起こさだれ。

次のように要約：

イベントソース：HTMLタグは後発事象を引き起こしました。

イベント：定義されたjs've（下記参照）。

イベント駆動型プログラミング：スタイルとHTMLの操作。それはDOMです。

コードは、次の手順を書きます：

イベントソース取得（1）：のdocument.getElementById（ "ボックス"）; //同様のIOS言語UIButton * adBtn = [UIButton buttonWithType：UIButtonTypeCustom];

（2）結合イベント：イベントソースボックスイベントのonclick =関数（）{}ドライバイベント;.

（3）書き込みイベント駆動型プログラミング：DOM上で動作

コード例：

<BODY> 
<DIV ID = "BOX1"> </ div> 

<スクリプトタイプ= "テキスト/ JavaScriptを"> // 1、イベントソース得る。VAR DIV =のdocument.getElementById（ "BOX1を" ）;
     // 2、結合イベント 
    div.onclick = 関数（）{
         // 3、書き込みイベントドリブン。 
        アラート（ "Iコンテンツポップ" ）; 
    } </スクリプト> 
</ BODY>

次のように一般的なイベントは次のとおりです。

このイベントの次の3つの要素については、我々が導入されました。

イベントソースを取得する2.2.2方法（DOMノードを得るため）

次のようなイベントの一般的なソースを取得します。

VAR DIV1 =のdocument.getElementById（ "BOX1"）;       // 方法：単一のタグIDを取得することにより
 
VAR ARR1 = document.getElementsByTagName（ "DIV1"）のを;      // 第二の方法：タグ配列タグ名で得られるので、Sのある
 
VAR = document.getElementsByClassName ARR2（「笑」）である;   // 三つの方法：クラス名により得られたラベルの配列なので、そこによ

2.2.3結合事象の方法

モード1：直接は無名関数を結合

<DIV上記ID = "BOX1"上記> </ div> 

<タイプ= "テキスト/ JavaScriptを"のスクリプト> VAR DIV1 =のdocument.getElementById（ "BOX1" ）;
     // バインドイベントは、最初の方法のある 
    div1.onclick = 関数（ ）{ 
        アラート（ "Iがコンテンツをポップ" ）; 
    } </ SCRIPT>

実施例2：第一シングル定義関数、次いで結合しました

<DIV上記ID = "BOX1"上記> </ div> 

<タイプ= "テキスト/ JavaScriptを"のスクリプト> VAR DIV1 =のdocument.getElementById（ "BOX1" ）;
     // バインド第二の方法イベント 
    div1.onclick = FN。    // これはFNであることに注意してください、ないFN（）。FNは、（）戻り値を指します。// 個々の関数定義関数のFn（）{ 
        アラート（ "Iがコンテンツをポップ" ）; 
    } </ SCRIPT>

上記のコードのコメントがあります。書き込みは、fnにバインドされた場合には、）（FN書き込みません。代表的全体関数fn、およびfn（）戻り値を表します。

モード3：インライン結合

<！ -インライン結合- > 
<divの上記のid = "BOX1" onclickの= "のFn（）"上記> </ div> 

<スクリプトタイプの= "テキスト/ JavaScriptを"> 機能のFn（）{ 
        アラート（「私はポップですコンテンツ" ）; 
    } </ SCRIPT>

コードの最初の行は、書かれたバインドするときことに注意し"fn()"、書き込まれていません"fn"。このコードは、書かれたJSコードを結合ますが、認識した文字列になっていませんので。

2.2.4イベント駆動型プログラム

私たちは、アラートが、我々はまた、スタイルのタグと属性を操作できるだけでなく、上記の例を取ることです。

たとえば、次のように：

<スタイル> 
        #box { 
            幅100ピクセル、
            高さ：100pxに、
            背景 - 色：ピンク; 
            カーソル：ポインタ; 
        }
     </スタイル> 
</ head> 

<body> 

<DIV ID = "ボックス"> </ div> 

<SCRIPT =タイプの"テキスト/ JavaScriptを"> VAR oDiv =のdocument.getElementById（ "ボックス" ）;
     // マウスをクリックすると、オリジナルのピンクのdiv大きな、背景ターンが赤 
    oDiv.onclick = 機能（）{ 
        oDiv.styleが。幅 = "200pxの";    // 属性値引用された書き込み 
        oDiv.style.height = "200pxの" ; 
        oDiv。style.backgroundColor =「赤」。   
    // プロパティ名はbackgroundColorのある、ないのbackgroundColor 
    }
 </ SCRIPT>

コード注上：

プロパティ値レーンJS、引用符を使用を書くとき

書き込み属性名jsのレーンがあるbackgroundColorCSSの内部ではありませんbackground-Color。*、backgroun- - *、ライン- CSSプロパティのようにすべてのテキストを覚えておいてください * jsのこぶに書かれている、など

2.2.5 onloadイベント

ページが読み込ま（テキストと画像）が完了すると、トリガーがイベントをonloadイベント。

例えば：

<スクリプトタイプ= "テキスト/ JavaScriptを"> 
    window.onload = 関数（）{ 
        にconsole.log（ "ミスター馬"）;   // アイソクロナスページがロードされ、印字文字列
    }
 </ SCRIPT>

私たちが知っている必要があります一つのこと：JSとHTMLのロードがロードされて同期されます。したがって、要素、簡単なエラーを定義する前に、要素の場合。この時間は、のonloadイベントは、我々はこのコードが最後に実行される保証することができ、onloadイベント内部でのコードの要素を使用することができ、便利になることができます。

アドバイス：ページ全体では、完成したロードjsのコンテンツの実装内のすべての要素を持っています。あなたがラベルを定義する前に、window.onloadは、タグを使用して防止することができます。

Webフロントエンドの基礎（10）：JavaScriptの（D）