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

2
00:00:00,380 --> 00:00:03,000
>> स्पीकर 1: अब, कि पिछले उदाहरण में
हम कुछ interspersed कि याद

3
00:00:03,000 --> 00:00:07,170
मेरी HTML के अंदर जावास्क्रिप्ट कोड,
विशेष रूप से, के मूल्य के अंदर

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
अंदर यहाँ और वहाँ जावास्क्रिप्ट कोड
विशेषताओं का मूल्य नहीं है की

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 तत्व द्वारा आईडी
गंदें शब्द बोलना डेमो बोली -

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
और कुछ भी नहीं हुआ प्रतीत होता है
मेरे पृष्ठ के यूआरएल के लिए लगता है, सिवाय

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
तो चलो आगे चलते हैं और क्रोम के ऊपर खुला
डेवलपर उपकरण इतना है कि मैं वास्तव में यह कर सकते हैं

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
और इसलिए जब जावास्क्रिप्ट कोड है
का सामना करना पड़ा, जो आम तौर पर, यह मार डाला है

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
एक अनूठा साथ में जो कि प्रपत्र एचटीएमएल,
पहचानकर्ता डेमो घोषित किया गया है.

58
00:02:51,100 --> 00:02:54,320
और इसलिए हम पर अमल करने की कोशिश कर रहे हैं मेरे
कि नोड से पहले जावा स्क्रिप्ट कोड भी

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