1 00:00:00,000 --> 00:00:00,310 2 00:00:00,310 --> 00:00:03,130 >> DAVID J. Malan: Chúng ta hãy thực hiện một trang web trang đó nói xin chào với một người sử dụng, cùng 3 00:00:03,130 --> 00:00:06,830 cách thể hiện DOM, tài liệu mô hình đối tượng, hoặc cây 4 00:00:06,830 --> 00:00:10,220 cấu trúc thực sự là bên dưới mui xe khi bạn làm cho một trang web. 5 00:00:10,220 --> 00:00:11,440 >> Chúng ta hãy có một cái nhìn. 6 00:00:11,440 --> 00:00:15,950 Ở đây, trong dom-0.html, nhận thấy rằng bên trong của cơ thể của trang, tôi có một 7 00:00:15,950 --> 00:00:19,860 tag hình thức, các định danh duy nhất cho đó là, báo giá unquote, "demo". 8 00:00:19,860 --> 00:00:23,670 Trong khi đó, tôi cũng có một onsubmit thuộc tính, hay còn gọi là một sự kiện 9 00:00:23,670 --> 00:00:28,150 xử lý, onsubmit, trong đó quy định rằng khi gửi đơn đăng ký, một 10 00:00:28,150 --> 00:00:30,800 chức năng đó là rõ ràng được gọi là chào phải được thực hiện. 11 00:00:30,800 --> 00:00:32,960 Và sau đó sai phải được trả lại. 12 00:00:32,960 --> 00:00:33,830 >> Tại sao sai? 13 00:00:33,830 --> 00:00:36,850 Vâng, tôi không thực sự muốn gửi mẫu đơn này đến một máy chủ Web từ xa trong 14 00:00:36,850 --> 00:00:37,810 theo cách truyền thống. 15 00:00:37,810 --> 00:00:40,850 Tôi muốn phá vỡ hình thức nộp hồ sơ và làm điều gì đó với nó 16 00:00:40,850 --> 00:00:42,690 phía khách hàng sử dụng JavaScript. 17 00:00:42,690 --> 00:00:44,010 Thật vậy, nhận thấy ở đây. 18 00:00:44,010 --> 00:00:47,290 Ở phần đầu của trang web của tôi, tôi có một thẻ tập lệnh, trong số đó là 19 00:00:47,290 --> 00:00:49,420 khởi đầu của chức năng gọi là chào đón. 20 00:00:49,420 --> 00:00:51,040 >> Những gì tôi thực sự muốn làm? 21 00:00:51,040 --> 00:00:54,530 Vâng, bên trong chào đón, chúng ta chỉ đơn giản gọi chức năng cảnh báo. 22 00:00:54,530 --> 00:00:57,770 Và sau đó in ra một cái gì đó như xin chào, với một không gian. 23 00:00:57,770 --> 00:01:01,460 Và sau đó nối vào cuối đó là kết quả của cuộc gọi 24 00:01:01,460 --> 00:01:08,370 document.getElementById, quy định cụ thể đặc biệt là định danh duy nhất, 25 00:01:08,370 --> 00:01:10,070 quote unquote, "tên". 26 00:01:10,070 --> 00:01:13,670 >> Và đặc biệt, khi chúng tôi đã nhận được yếu tố đó, các nút trong cây 27 00:01:13,670 --> 00:01:17,640 đại diện cho trang web này, chúng ta hãy đặc biệt được giá trị của nó bằng 28 00:01:17,640 --> 00:01:19,320 chỉ rõ giá trị.. 29 00:01:19,320 --> 00:01:22,060 Và sau đó, chỉ để cho vui, chúng ta hãy nối vào cuối của một mà 30 00:01:22,060 --> 00:01:23,730 dấu chấm than. 31 00:01:23,730 --> 00:01:28,460 >> Bây giờ hãy lưu tập tin này, mở nó trong trình duyệt, và nhìn thấy một hello. 32 00:01:28,460 --> 00:01:33,600 http://localhost/dom-0.html. 33 00:01:33,600 --> 00:01:34,670 >> Có hình thức đó. 34 00:01:34,670 --> 00:01:36,530 Chúng ta hãy đi trước và gõ vào tên của tôi. 35 00:01:36,530 --> 00:01:38,530 Tiếp theo là việc nhấn Gửi. 36 00:01:38,530 --> 00:01:39,910 Và có chúng ta thấy hello, David! 37 00:01:39,910 --> 00:01:42,410 38 00:01:42,410 --> 00:01:43,660 Đó là tôi. 39 00:01:43,660 --> 00:01:44,363