1
00:00:00,000 --> 00:00:00,470

2
00:00:00,470 --> 00:00:03,760
>> المتحدث: دعونا تحسين على ذلك مشاركة
المثال باستخدام جافا سكريبت شعبية

3
00:00:03,760 --> 00:00:07,520
مكتبة تسمى مسج من شأنها أن تسمح
لنا لتنظيف رمز لنا في حين لا يزال

4
00:00:07,520 --> 00:00:11,010
تجنب هذه المسألة التي واجهناها
في وقت سابق حيث بعض التعليمات البرمجية التي كتبت

5
00:00:11,010 --> 00:00:15,600
أعدم قبل الأوان قبل
أنا في حاجة إلى عناصر موجودة في DOM

6
00:00:15,600 --> 00:00:17,530
موجودة فعلا.

7
00:00:17,530 --> 00:00:22,120
>> لاحظ هنا في دوم-2.html، ولدي
العلامة النصي بالفعل مع سمة

8
00:00:22,120 --> 00:00:26,460
مصدر قيمته هو عنوان URL لل
أحدث نسخة من هذه المكتبة.

9
00:00:26,460 --> 00:00:30,220
أدناه أن لدي علامة النصي منفصلة
مع عدم وجود مصدر ولكن أين لقد تركت

10
00:00:30,220 --> 00:00:32,590
غرفة لكتابة الواقع
بعض من التعليمات البرمجية الخاصة بي.

11
00:00:32,590 --> 00:00:36,690
رمز أود أن أكتب كما هو
يلي، $، الذي هو في الحقيقة مجرد

12
00:00:36,690 --> 00:00:40,510
منهج الاختزال للمسج
نفسه، (وثيقة).

13
00:00:40,510 --> 00:00:43,330

14
00:00:43,330 --> 00:00:46,700
وبعبارة أخرى، أنا ببساطة يمر كما
حجة إلى وظيفة تسمى

15
00:00:46,700 --> 00:00:50,690
مسج الوثيقة، والعالمية
متغير، وهذا موجود بالفعل داخل

16
00:00:50,690 --> 00:00:52,100
من أي صفحة ويب.

17
00:00:52,100 --> 00:00:57,400
>> ثم دعونا نفعل. جاهزة، استدعاء دالة
أو الأسلوب الذي ينص على أن

18
00:00:57,400 --> 00:01:01,290
ينبغي أن يكون جزءا من التعليمات البرمجية التالية
أعدم مرة واحدة فقط في المستند بأكمله

19
00:01:01,290 --> 00:01:04,750
جاهز، وتحديدا هذا
وظيفة مجهول هنا.

20
00:01:04,750 --> 00:01:07,450

21
00:01:07,450 --> 00:01:14,210
$ "# التجريبي"، الذي ينص على أن أود
للحصول على العنصر DOM من بلدي

22
00:01:14,210 --> 00:01:16,370
من الذي هو معرف فريد التجريبي.

23
00:01:16,370 --> 00:01:19,990
ثم مرة واحدة حصلنا على ذلك، دعونا
تسجيل معها معالج حدث لل

24
00:01:19,990 --> 00:01:25,250
ويقدم الحدث من خلال تحديد. تقدم،
يمر لأنه مجهول

25
00:01:25,250 --> 00:01:29,370
الوظيفة التي تتوقع وسيطة واحدة
أننا سوف ندعو الحدث، الذي هو

26
00:01:29,370 --> 00:01:32,230
في نهاية المطاف مجرد الذهاب ليكون مرجعا
من نوع ما للالفعلية

27
00:01:32,230 --> 00:01:36,030
الحدث تقديم فقط في حال كنا
ترغب في الوصول إلى ذلك مباشرة.

28
00:01:36,030 --> 00:01:40,470
>> وفي الوقت نفسه، دعونا تحديد هدفين مفتوحة و
قوس وثيقة وداخل تلك

29
00:01:40,470 --> 00:01:44,140
الأقواس، دعونا فعلا كتابة التعليمات البرمجية
التي نريد تنفيذها عند هذا النموذج

30
00:01:44,140 --> 00:01:45,210
يقدم.

31
00:01:45,210 --> 00:01:54,810
تنبيه "مرحبا"، ودعونا سلسلة على
ذلك أن نتيجة الدعوة $ "# اسم"

32
00:01:54,810 --> 00:01:58,880
الذي يحدد ان كنت ترغب في الحصول على
العنصر DOM في بلدي الذي فريدة من نوعها

33
00:01:58,880 --> 00:02:00,750
المعرف هو اسم.

34
00:02:00,750 --> 00:02:04,790
والآن دعونا ندعو وظيفة داخل
هذا الكائن دعا فال الذي يحصل

35
00:02:04,790 --> 00:02:07,370
قيمة نصية
يتم كتابتها المستخدم فيه.

36
00:02:07,370 --> 00:02:11,270
ودعونا سلسلة على ذلك أنه فقط
للمتعة، وعلامة تعجب.

37
00:02:11,270 --> 00:02:14,610
>> أخيرا، بدلا من مجرد عودة كاذبة كما
فعلنا من قبل، دعونا نكون أكثر قليلا

38
00:02:14,610 --> 00:02:18,750
واضحة وتحديد أن بالنظر إلى أن
كائن الحدث، ونحن نرغب في منع ل

39
00:02:18,750 --> 00:02:22,480
السلوك الافتراضي من خلال الدعوة على وجه التحديد
وظيفة أو طريقة تسمى

40
00:02:22,480 --> 00:02:24,190
منع الافتراضية على النحو التالي.

41
00:02:24,190 --> 00:02:25,440
event.preventDefault.

42
00:02:25,440 --> 00:02:27,760

43
00:02:27,760 --> 00:02:30,080
دعونا الآن حفظ الملف و
فتحه في متصفحي.

44
00:02:30,080 --> 00:02:33,240

45
00:02:33,240 --> 00:02:40,120
http://localhost/dom-2.html

46
00:02:40,120 --> 00:02:41,410
>> هناك هذا النموذج.

47
00:02:41,410 --> 00:02:42,720
دعونا المدخلات ديفيد.

48
00:02:42,720 --> 00:02:45,040
بالنقر إرسال ومرحبا،
ديفيد هو العودة.

49
00:02:45,040 --> 00:02:48,299