من أجل جعل الوظيفة تنفذ فقط بعد تحميل الصفحة ، سنقوم بربط الوظيفة بحدث Onload:
window.onload = userFunction
ولكن ماذا لو كانت هناك وظيفتان: FirstFunction () و SecondFunction () ، والتي تريد أن يتم تنفيذهما بعد تحميل الصفحة؟ إذا كان الأمر كذلك:
window.onload = firstfunciton ؛ window.onload = secondFunction ؛
يمكن تنفيذ الوظيفة الأخيرة فقط. من هذا يمكننا أن نرى أن كل معالج حدث يمكنه ربط تعليمات واحدة فقط.
لكن يمكننا القيام بذلك:
window.onload = function () {firstFunction () ؛ SecondFunction () ؛ }هذا حل.
ومع ذلك ، هناك حل أكثر ملاءمة - كتابة بعض التعليمات البرمجية الإضافية ، ولكن الميزة هي أنه مع هذا الرمز ، فإن ربط الوظائف ، بغض النظر عن عددهم ، هو موجز للغاية وسهل القيام به.
اسم هذه الوظيفة هو addLoadevent ، الذي كتبه سيمون ويليسون. يحتوي على معلمة واحدة فقط: اسم الوظيفة المراد تنفيذه عند تحميل الصفحة.
فيما يلي العملية التي ستكملها وظيفة addLoadevent ():
1. قم بتخزين قيمة وظيفة معالج الأحداث الموجودة في النافذة الموجودة في الحمولة Oldonload المتغيرة.
2. إذا لم تكن هناك وظيفة مرتبطة بوظيفة المعالجة هذه ، فأضف وظيفة الشكل كالمعتاد.
3. إذا كانت بعض الوظائف مرتبطة بالفعل بوظيفة المعالجة هذه ، قم بإلحاق وظيفة الشكل إلى نهاية التعليمات الموجودة.
فيما يلي قائمة من الرموز لوظيفة AddLoadevent ():
وظيفة addLoadEvent (func) {var oldonload = window.onload ؛ if (typeof window.onload! = 'function') {window.onload = func ؛ } آخر {window.onload = function () {oldonload () ؛ func () ؛ }}}هذا يعادل إنشاء قائمة انتظار للوظائف التي سيتم تنفيذها عند تحميل الصفحة. إذا كنت ترغب في إضافة وظيفتين الآن إلى قائمة الانتظار ، فأنت بحاجة فقط إلى كتابة الرمز التالي:
addLoadEvent (firstfunction) ؛ addLoadEvent (SecondFunction) ؛
الطريقة أعلاه لربط وظائف JavaScript المتعددة لوظيفة معالجة الأحداث Onload هي كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.