books separating behavior from coding
If you do not find what you're looking for, you can use more accurate words.
فصل السلوك من الترميزية (Info)
تقليديا، جافا سكريبت وضعت في كثير من الأحيان متوافقة مع أتش تي أم أل لترميزية. على سبيل المثال، ما يلي هو تطبيق نموذجي للجافا سكريبت
ومع ذلك، فإن الغرض من العلامات هو وصف وثيقة الهيكل، وليس سلوكا برنامجيا.. الجمع بين اثنين يؤثر سلبا على موقع الصيانة لنفس السبب الذي يجمع بين المضمون والعرض : إذا كان الموقع يحتوي على المئات من حقول التاريخ من هذا القبيل، تضاف خاصيّة onchange الملائمة لكلّ واحد (وتعدّلهم لاحقا، في حاله الحاجة) يمكن أن تكون عملية عمل مركّزة.
أن الحلول الخفيه هي لتسجيل معالجات الأحداث الضرورية برمجيا، بدلا من أن تكون مضمونه. وهذاشائع عن طريق تعيين خاصيهCSS محدده لجميع العناصر التي تحتاج إلى اتخاذ إجراءات من قبل البرنامج النصي :
المخطوطات يمكنها بعد ذلك البحث عن جميع عناصر المدخلات بالتاريخ، وإقامتها وفقا لذلك :
باستخدام جافا سكريبت الأصلي :
window.onload = function(){ // ينتظر الصفحة للتحميل var inputs = document.getElementsByTagName('input'); } (++for(var i=0,l=inputs.length;i<l;i input = inputs[i]; if(input.name && input.name=='date') input.onchange = function()} validateDate(this);} } } } }; function validateDate(){ / / يعمل عندما يكون المحتوى من 'المدخلات' مع اسم 'تاريخ'متغيير. {
النص التالي محدد لمكتبة موتولز:
window.addEvent('domready', function() { $$('input[name=date]').addEvent('change', function(){ validateDate(this); }); }); function validateDate(element){ / / يعمل عندما يتغير محتوى 'عنصر'. }
النص التالي هو محدد لمكتبة جي كويري:
$(document).ready(function(){ //ينتظر الصفحة للتحميل. $('input[name=date]').bind('change', function (){ validateDate(this); }); }); function validateDate(element){ / /يعمل عندما يكون محتوى 'عنصر' قد تم تغييره. }
لأن الغرض المقصود من السمة name هو لوصف الدور الدلالي للعنصر، وهذا النهج يتسق مع المعايير الحديثة التي ترتكز على الممارسات الترميزية.
