>> سرور 1: الآن في هذا المثال الأخير، أذكر أننا تتخللها بعض
شفرة جافا سكريبت داخل بلدي HTML، على وجه التحديد، في الداخل من قيمة
السمة يسمى في إرسال لذلك العلامة النموذج.
الآن لصفحات صغيرة، وهذا ليس مثل هذه الصفقة الكبيرة.
ولكن كما يحصل على صفحة ويب أطول وأكثر معقدة، ببساطة وضع الخاص بك
شفرة جافا سكريبت هنا وهناك داخل من قيمة الصفات ليست
أفضل تصميم.
أفضل إذا كنا عامل أن من و على الأقل وضعها داخل
العلامة النصي مركزيا.
>> كيفية القيام بذلك؟
حسنا دعونا العودة إلى بلدي شكل العلامة و أولا حذف هذه السمة لها و
نقدر تماما.
ثم هنا، بدلا من تعريف وظيفة تسمى سلموا، دعونا شنق على
إلى سطر من التعليمات البرمجية التي في نهاية المطاف نحن سوف لا تزال ترغب في تنفيذ واستبدال
سلموا على وظيفة على النحو التالي.
Document.get عنصر بواسطة معرف أقتبس التجريبي نهاية الاقتباس -
حيث التجريبي، أذكر، هي فريدة من نوعها المعرف للنموذج نفسه -
نقطة على تقديم، والتي أذكر هو اسم من معالج الحدث الذي
نحن مهتمون.
ودعونا تعيين ذلك على تقديم معالج القيمة التي في الواقع
تعمل نفسها.
>> الآن لاحظ أنني لست في الواقع استدعاء دالة هنا.
أنا بدلا تعريف مجهول، والمعروف باسم وظيفة لامدا،
عن طريق تحديد بين هذه الأقواس المتعرجة مجموعة من التعليمات البرمجية التي ينبغي
في الواقع يتم تنفيذها.
على وجه التحديد، والتعليمات البرمجية التي أود لتنفيذ هذا الخط هو الذي كان لي
من قبل، ثم دعونا نضيف إلى ذلك عودة كاذبة حتى أن هذا النموذج ليس
قدمت في نهاية المطاف إلى إنهاء بعيد على شبكة الإنترنت الخادم في الطريقة التقليدية.
>> دعونا الآن حفظ هذا الملف، فتحه في المتصفح، ونرى ما سيحدث.
http://localhost/dom-1.html.
دعونا الآن اكتب في اسمي، ديفيد، إرسال.
ويظهر شيء قد حدث باستثناء عنوان الصفحة الخاصة بي ويبدو أن
تغيرت كما لو كان الشكل قدمت فعلا إلى نفس الملف.
>> الآن لماذا يمكن أن يكون؟
كذلك انا بحاجة الى بعض مزيد من المعلومات.
لذلك دعونا نمضي قدما وتفتح كروم أدوات المطور بحيث أستطيع فعلا
ننظر في إطار وحدة التحكم لرؤية إذا كنت قد فعلت شيئا خاطئا.
أستطيع أن الوصول إلى ذلك عن طريق زوجين من الطرق.
واحد منها هو عبر هذه القائمة هنا، ثم ضمن أدوات، ثم وصولا الى
أدوات المطور.
>> وتلاحظ هنا في علامة التبويب وحدة التحكم، هناك خطأ نوع غير مسك، لا يمكن
تعيين الخاصية على تقديم لاغية.
الآن لماذا يمكن أن يكون؟
كذلك مرة أخرى في بلدي شفرة المصدر هنا، لاحظ أن يقدم على ما أعتقد أنه
خاصية العنصر الذي المعرف الفريد هو تجريبي.
عنصر، مرة أخرى، هو مجرد عقدة في شجرة.
>> لذلك يبدو أن متصفحي لا أعتقد أن هذا العنصر
أو عقدة موجودة حتى الآن.
وبالفعل، فإنه لا يفعل ذلك.
أذكر أن صفحة ويب يتم تحليل أو قراءة من قبل متصفح الإنترنت، من أعلى إلى أسفل،
من اليسار إلى اليمين.
وذلك عندما شفرة جافا سكريبت هو واجه، عادة، انها تنفيذه
على الفور.
>> ولكن في هذه الحالة، ليس لدينا حتى حصلت بعد إلى جزء من دوم، و
HTML، الذي شكل مع أن فريدة من نوعها وقد أعلن المعرف التجريبي.
ولذا فإننا نحاول تنفيذ بلدي شفرة جافا سكريبت قبل تلك العقدة حتى
موجود في شجرة وهذا، بالطبع، هو إشكالية لأن ثم، وبالتأكيد،
فإن العنصر نفسه لاغيا عند هذه النقطة في الوقت المناسب.
>> فكيف لإصلاح؟
كذلك لدينا اثنين من الحلول.
ولكن دعونا نحاول أبسط عن طريق نقل بلدي علامة النصي من الرأس
علامة على جسدي، ولكن على وجه التحديد، نحو الجزء السفلي من الجسم صفحتي في ذلك
أنه من دون عقد والأسئلة.
على وجه التحديد، دعونا تسليط الضوء وخفض العلامة مفتوحة وعلامة انهاء للالنصي
ونقل أن كتلة كاملة من التعليمات البرمجية إلى أسفل الملف هنا.
>> الآن هذا ليس بالضرورة أنظف تصميم، ولكن على الأقل فإنه سوف
فرض الترتيب الصحيح للعمليات.
دعونا حفظ الملف و تحميل في متصفحي.
دعونا إعادة تحميل الصفحة، وإعادة إدخال اسم بلدي، وهناك، مرحبا ديفيد هو العودة.