1
00:00:00,000 --> 00:00:00,380

2
00:00:00,380 --> 00:00:03,000
>> ลำโพง 1: ตอนนี้ในตัวอย่างที่ผ่านมานั้น
จำได้ว่าเราสลับบาง

3
00:00:03,000 --> 00:00:07,170
JavaScript รหัสภายในของ HTM​​L ของฉัน
โดยเฉพาะด้านในของค่าของ

4
00:00:07,170 --> 00:00:10,460
แอตทริบิวต์ที่เรียกว่าส่ง
แท็กรูปแบบที่

5
00:00:10,460 --> 00:00:12,850
ตอนนี้สำหรับหน้าเว็บที่มีขนาดเล็กนี้
ไม่ได้เป็นเช่นใหญ่จัดการ

6
00:00:12,850 --> 00:00:15,950
แต่เป็นหน้าเว็บที่ได้รับอีกต่อไปและมากขึ้น
ซับซ้อนเพียงการวางของคุณ

7
00:00:15,950 --> 00:00:19,660
JavaScript รหัสที่นี่และมีที่อยู่ภายใน
ของค่าของคุณสมบัติไม่

8
00:00:19,660 --> 00:00:20,830
ออกแบบที่ดีที่สุด

9
00:00:20,830 --> 00:00:23,440
ที่ดีที่สุดถ้าเราปัจจัยที่ออกมาและ
อย่างน้อยใส่ไว้ด้านในของ

10
00:00:23,440 --> 00:00:25,200
แท็กสคริปต์ส่วนกลาง

11
00:00:25,200 --> 00:00:26,080
>> วิธีการทำเช่นนี้?

12
00:00:26,080 --> 00:00:30,040
ดีขอกลับไปที่แท็กรูปแบบของฉันและ
แรกลบแอตทริบิวต์นี้และ

13
00:00:30,040 --> 00:00:31,780
ค่าโดยสิ้นเชิง

14
00:00:31,780 --> 00:00:35,730
แล้วขึ้นที่นี่มากกว่าที่กำหนด
ฟังก์ชั่นที่เรียกว่าทักทายขอแขวนบน

15
00:00:35,730 --> 00:00:39,405
กับสายของรหัสที่ในที่สุดเรา
จะยังคงต้องการที่จะดำเนินการและแทนที่

16
00:00:39,405 --> 00:00:41,560
ฟังก์ชั่นทักทายดังต่อไปนี้

17
00:00:41,560 --> 00:00:48,190
Document.get ธาตุตาม ID
อ้างสาธิตได้นำมาอ้าง -

18
00:00:48,190 --> 00:00:52,410
ที่สาธิตการเรียกคืนจะไม่ซ้ำกัน
ระบุรูปแบบของตัวเอง -

19
00:00:52,410 --> 00:00:56,600
จุดบนส่งซึ่งเรียกเป็นชื่อ
ของตัวจัดการเหตุการณ์ที่

20
00:00:56,600 --> 00:00:57,710
เราสนใจ

21
00:00:57,710 --> 00:01:01,990
และให้กำหนดว่าในการจัดการส่ง
ค่าที่เป็นจริง

22
00:01:01,990 --> 00:01:03,740
ทำงานตัวเอง

23
00:01:03,740 --> 00:01:06,390
>> ตอนนี้สังเกตเห็นว่าฉันไม่ได้จริง
การเรียกฟังก์ชั่นที่นี่

24
00:01:06,390 --> 00:01:10,650
ฉันแทนการกำหนดที่ไม่ระบุชื่อ,
หรือที่เรียกว่าฟังก์ชั่นแลมบ์ดา,

25
00:01:10,650 --> 00:01:14,100
โดยระบุระหว่างวงเล็บปีกกาเหล่านี้
พวงของรหัสที่ควร

26
00:01:14,100 --> 00:01:15,490
จริงจะดำเนินการ

27
00:01:15,490 --> 00:01:18,500
โดยเฉพาะรหัสที่ฉันต้องการ
ที่จะดำเนินการเป็นสายที่ฉันมีที่

28
00:01:18,500 --> 00:01:23,370
ก่อนและจากนั้นให้เพิ่มที่
กลับเท็จเพื่อให้รูปแบบนี้ไม่ได้

29
00:01:23,370 --> 00:01:26,950
ส่งท้ายที่สุดจะจบเว็บระยะไกล
เซิร์ฟเวอร์ในวิธีแบบดั้งเดิม

30
00:01:26,950 --> 00:01:30,345
>> ตอนนี้ขอบันทึกแฟ้มนี้เปิดขึ้น
ในเบราว์เซอร์และดูสิ่งที่เกิดขึ้น

31
00:01:30,345 --> 00:01:33,050

32
00:01:33,050 --> 00:01:39,800
http://localhost/dom-1.html

33
00:01:39,800 --> 00:01:43,060
ตอนนี้ขอพิมพ์ในชื่อของฉัน
เดวิดส่ง

34
00:01:43,060 --> 00:01:46,900
และไม่มีอะไรที่ดูเหมือนว่าจะเกิดขึ้น
ยกเว้น URL ของหน้าเว็บของฉันที่ดูเหมือนว่าจะ

35
00:01:46,900 --> 00:01:52,580
มีการเปลี่ยนแปลงรูปแบบราวกับว่าเป็น
ส่งจริงไปยังไฟล์เดียวกัน

36
00:01:52,580 --> 00:01:53,870
>> ตอนนี้ทำไมที่อาจจะมี

37
00:01:53,870 --> 00:01:55,340
ดีฉันต้องการข้อมูลเพิ่มเติมบางส่วน

38
00:01:55,340 --> 00:01:58,700
จึงขอไปข้างหน้าและเปิด Chrome ของ
เครื่องมือสำหรับนักพัฒนาเพื่อที่ฉันสามารถจริง

39
00:01:58,700 --> 00:02:01,440
มองไปที่หน้าต่างคอนโซลที่จะเห็น
ถ้าฉันได้ทำบางอย่างผิดปกติ

40
00:02:01,440 --> 00:02:03,330
ฉันสามารถเข้าถึงผ่านทาง
สองวิธี

41
00:02:03,330 --> 00:02:07,250
หนึ่งซึ่งเป็นผ่านทางเมนูนี้ที่นี่
แล้วภายใต้เครื่องมือแล้วลงไป

42
00:02:07,250 --> 00:02:08,509
เครื่องมือสำหรับนักพัฒนา

43
00:02:08,509 --> 00:02:12,890
>> และแจ้งให้ทราบที่นี่ในคอนโซลแท็บ
มีข้อผิดพลาดประเภท uncaught ไม่สามารถ

44
00:02:12,890 --> 00:02:15,390
ตั้งค่าคุณสมบัติในการส่งของโมฆะ

45
00:02:15,390 --> 00:02:16,900
ตอนนี้ทำไมที่อาจจะมี

46
00:02:16,900 --> 00:02:21,380
ดีกลับในรหัสที่มาของฉันที่นี่แจ้งให้ทราบล่วงหน้า
ที่เกี่ยวกับการส่งฉันคิดว่าเป็น

47
00:02:21,380 --> 00:02:25,360
คุณสมบัติขององค์ประกอบที่มี
ระบุที่ไม่ซ้ำกันคือการสาธิต

48
00:02:25,360 --> 00:02:27,810
องค์ประกอบอีกครั้งเป็นเพียง
โหนดในต้นไม้

49
00:02:27,810 --> 00:02:30,870
>> ดังนั้นจึงปรากฏว่าเบราว์เซอร์ของฉันไม่ได้
คิดว่าองค์ประกอบที่

50
00:02:30,870 --> 00:02:32,500
หรือโหนดที่มีอยู่ยัง

51
00:02:32,500 --> 00:02:33,790
และแน่นอนก็ไม่ได้

52
00:02:33,790 --> 00:02:37,690
จำได้ว่าหน้าเว็บที่จะแยกหรืออ่าน
โดยเว็บเบราว์เซอร์บนลงล่าง

53
00:02:37,690 --> 00:02:38,430
จากซ้ายไปขวา

54
00:02:38,430 --> 00:02:41,810
และอื่น ๆ เมื่อรหัส JavaScript เป็น
พบโดยทั่วไปก็ดำเนินการ

55
00:02:41,810 --> 00:02:42,700
ทันที

56
00:02:42,700 --> 00:02:46,460
>> แต่ในกรณีนี้เรายังไม่ได้อากาศได้
ยังเป็นส่วนหนึ่งของอุดม,

57
00:02:46,460 --> 00:02:51,100
HTML ซึ่งในรูปแบบที่ไม่ซ้ำกันกับการที่
สาธิตระบุได้รับการประกาศ

58
00:02:51,100 --> 00:02:54,320
และอื่น ๆ เรากำลังพยายามที่จะดำเนินการของฉัน
JavaScript รหัสก่อนโหนดที่แม้แต่

59
00:02:54,320 --> 00:02:58,530
ที่มีอยู่ในต้นไม้ที่แน่นอนคือ
ที่มีปัญหาแล้วเพราะแท้จริง

60
00:02:58,530 --> 00:03:01,390
องค์ประกอบตัวเองจะเป็นโมฆะ
ที่จุดในเวลาที่

61
00:03:01,390 --> 00:03:02,390
>> ดังนั้นวิธีการแก้ไขปัญหา?

62
00:03:02,390 --> 00:03:03,810
ดีที่เรามีสองของการแก้ปัญหา

63
00:03:03,810 --> 00:03:07,200
แต่ขอลองที่ง่ายที่สุดโดยย้าย
แท็กสคริปต์ของฉันจากหัว

64
00:03:07,200 --> 00:03:11,560
แท็กร่างกายของฉัน แต่เฉพาะทาง
ด้านล่างของร่างกายหน้าของฉันเพื่อ

65
00:03:11,560 --> 00:03:14,170
ว่ามันเป็นด้านล่างโหนด
และคำถามที่

66
00:03:14,170 --> 00:03:19,930
โดยเฉพาะให้เน้นและตัด
แท็กเปิดและแท็กปิดสำหรับสคริปต์

67
00:03:19,930 --> 00:03:24,720
และย้ายที่บล็อกทั้งหมดของรหัส
ที่ด้านล่างของไฟล์ที่นี่

68
00:03:24,720 --> 00:03:27,690
>> ตอนนี้ไม่จำเป็นต้องสะอาด
ออกแบบ แต่อย่างน้อยก็จะ

69
00:03:27,690 --> 00:03:29,530
บังคับใช้ลำดับที่ถูกต้องของการดำเนินงาน

70
00:03:29,530 --> 00:03:31,495
ให้จัดเก็บไฟล์
โหลดในเบราว์เซอร์ของฉัน

71
00:03:31,495 --> 00:03:34,620

72
00:03:34,620 --> 00:03:40,240
ลองโหลดหน้าเว็บใหม่ใส่ชื่อของฉัน
และมีสวัสดีเดวิดกลับมา

73
00:03:40,240 --> 00:03:42,784