1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:03,130 >> DAVID J·マラン：のウェブを実装してみましょう に沿って、ユーザーに挨拶をページ、 3 00:00:03,130 --> 00:00:06,830 DOMを、実証する方法 ドキュメントオブジェクトモデル、またはツリー 4 00:00:06,830 --> 00:00:10,220 本当に下にある構造 Webページをレンダリングフード。 5 00:00:10,220 --> 00:00:11,440 >> それでは見てみましょう。 6 00:00:11,440 --> 00:00:15,950 ここでは、DOM-0.htmlで、その内側に気づく ページの体のため、私が持っている 7 00:00:15,950 --> 00:00:19,860 formタグの一意の識別子 、引用終わり引用符、「デモ」である 8 00:00:19,860 --> 00:00:23,670 その間、私はまたのonSubmitを持っている そうでない場合、イベントとして知られている属性、 9 00:00:23,670 --> 00:00:28,150 ことを指定し、ハンドラ、をonSubmit、 このフォームが送信されると、A 10 00:00:28,150 --> 00:00:30,800 どうやら呼ばれる機能 挨拶を実行する必要があります。 11 00:00:30,800 --> 00:00:32,960 そして偽が返されます。 12 00:00:32,960 --> 00:00:33,830 >> なぜ偽？ 13 00:00:33,830 --> 00:00:36,850 まあ、私は実際に提出する必要はありません リモートWebサーバーにこのフォーム 14 00:00:36,850 --> 00:00:37,810 伝統的な方法。 15 00:00:37,810 --> 00:00:40,850 私は、そのフォームを回避したい 提出し、それに何かをする 16 00:00:40,850 --> 00:00:42,690 JavaScriptを使用して、クライアント側。 17 00:00:42,690 --> 00:00:44,010 実際、ここに注目してください。 18 00:00:44,010 --> 00:00:47,290 私のWebページの先頭にある、私が持っている ある内部スクリプトタグ、 19 00:00:47,290 --> 00:00:49,420 その関数の始まり グリートと呼ばれる。 20 00:00:49,420 --> 00:00:51,040 >> 私は実際に何をしたいですか？ 21 00:00:51,040 --> 00:00:54,530 さて、グリートの内側には、単純にしてみましょう アラート機能を呼び出します。 22 00:00:54,530 --> 00:00:57,770 そして、何かを印刷 こんにちはのような、スペースを持つ。 23 00:00:57,770 --> 00:01:01,460 して、末尾に連結します の呼び出しの結果 24 00:01:01,460 --> 00:01:08,370 指定のdocument.getElementById、 特にユニークな識別子、 25 00:01:08,370 --> 00:01:10,070 引用終わり引用符、「名前」 26 00:01:10,070 --> 00:01:13,670 >> 具体的には、かつて我々は得ている その要素は、ツリー内のノード 27 00:01:13,670 --> 00:01:17,640 つまり、レッツ、このWebページを表します 詳しくはコチラによる価値のget 28 00:01:17,640 --> 00:01:19,320 。値を指定する。 29 00:01:19,320 --> 00:01:22,060 そして、楽しみのためだけに、みましょう そのANの最後までに連結 30 00:01:22,060 --> 00:01:23,730 感嘆符。 31 00:01:23,730 --> 00:01:28,460 >> それを開き、今度はこのファイルを保存してみましょう ブラウザで、ハローを参照してください。 32 00:01:28,460 --> 00:01:33,600 http://localhost/dom-0.html。 33 00:01:33,600 --> 00:01:34,670 >> そのフォームがあります。 34 00:01:34,670 --> 00:01:36,530 それでは先に行くと私の名前を入力してみましょう。 35 00:01:36,530 --> 00:01:38,530 Submitをクリックして、その後。 36 00:01:38,530 --> 00:01:39,910 そしてそこに、我々は、こんにちはデビッドを参照してください！ 37 00:01:39,910 --> 00:01:42,410 38 00:01:42,410 --> 00:01:43,660 それは私です。 39 00:01:43,660 --> 00:01:44,363