وثيقة.التحميل هو حدث يحدث عندما يتم تحميل صفحة ويب بالكامل ، بما في ذلك جميع الموارد مثل الصور والأنماط والبرامج النصية. عندما يقوم المتصفح بتحميل الصفحة بالكامل ، فإنه ينفذ الإجراءات المحددة في الوظيفة المرتبطة بالمستند.حدث التحميل.
واحدة من المزايا الرئيسية لاستخدام المستند.التحميل هو أنه يضمن أن كل محتوى الصفحة سيكون متاحا لتفاعل المستخدم. هذا مفيد جدا للبرامج النصية التي تعتمد على تحميل صفحة كاملة للعمل بشكل صحيح.
وثيقة.أونلواد كما يسمح لك لأداء المهام المختلفة ، مثل تغيير الأنماط ، إضافة أو إزالة عناصر دوم ، وتثبيت معالجات الحدث ، بعد تحميل الصفحة بالكامل.
مثال على استخدام المستند.تحميل:
وثيقة.تحميل = وظيفة () {// الكود المراد تنفيذه بعد تحميل الصفحة بالكامل
}
في هذا المثال ، تكون الوظيفة داخل المستند.لن يتم تنفيذ التحميل إلا بعد تحميل الصفحة بالكامل.
- ما هي الوثيقة.تحميل?
- المعنى والاستخدام
- كيف الوثيقة.تحميل العمل في جافا سكريبت?
- معالج لحدث تحميل المستند
- لماذا الوثيقة.تحميل مهم جدا?
- ضمان تنزيل المحتوى الكامل
- مثال على استخدام المستند.تحميل
- إضافة وظيفة بعد التنزيل
- سؤال وجواب
- لماذا أحتاج إلى استخدام المستند.تحميل?
- كيف يمكنني استخدام المستند.تحميل?
- ماذا علي أن أفعل إذا وثيقة.التحميل لا يعمل?
- هل من الممكن استخدام وثيقة متعددة.تحميل على نفس الصفحة?
- هل من الممكن استخدام المستند.تحميل داخل وظيفة أخرى?
ما هي الوثيقة.تحميل?
وثيقة.أونلواد هو حدث في جافا سكريبت يتم تشغيله عند تحميل مستند هتمل بأكمله وجميع الموارد الخارجية مثل الصور والأنماط.
عندما يقوم المتصفح بتحميل صفحة ، فإنه يبدأ عملية "بناء" دوم (نموذج كائن المستند) ، وهو هيكل الصفحة في المتصفح. تتم هذه العملية عادة على ثلاث مراحل: أولا ، يتم تحميل مستند هتمل نفسه وبنائه ، ثم يتم تحميل الموارد الخارجية ومعالجتها ، وأخيرا يتم تنفيذ شفرة جافا سكريبت على الصفحة.
عندما يقوم المتصفح بتحميل مستند هتمل ، فإنه يبدأ في بناء شجرة دوم. يمر عبر كل عنصر هتمل ويخلق العقدة المقابلة في الشجرة. في هذا الوقت ، لم يتم بناء دوم بالكامل بعد ، وربما لم يتم تحميل الموارد الخارجية مثل الصور والأنماط بعد.
عندما يتم تحميل جميع الموارد الخارجية ومعالجتها ، المستند.يتم إنشاء الحدث أونلواد. هذا يعني أن محتوى الصفحة بالكامل متاح وجاهز للاستخدام. يمكنك استخدام المستند.تحميل الحدث لتنفيذ شفرة جافا سكريبت إضافية بعد تحميل الصفحة بالكامل.
على سبيل المثال ، يمكنك استخدام المستند.تحميل لتنفيذ إجراءات معينة عند تحميل الصفحة بالكامل:
- تغيير العناصر على الصفحة: يمكنك استخدام المستند.قم بالتحميل لتغيير الأنماط أو النص أو سمات العناصر على الصفحة بعد تحميلها بالكامل.
- تحميل البيانات: يمكنك استخدام المستند.تحميل لجعل طلبات أجاكس أو تحميل البيانات من الخادم بعد تحميل الصفحة بالكامل.
- تسجيل معالجات الأحداث: يمكنك استخدام المستند.تحميل لتسجيل معالجات الأحداث على العناصر بعد تحميلها بالكامل.
من المهم ملاحظة تلك الوثيقة.يتم تشغيل أونلواد مرة واحدة فقط عندما يتم تحميل الصفحة بأكملها بالكامل. إذا كنت تريد تنفيذ التعليمات البرمجية عند تحميل صورة معينة أو مورد خارجي فقط ، فيمكنك استخدام حدث" تحميل " على هذا المورد بدلا من المستند.تحميل.
المعنى والاستخدام
من الوثيقة.أونلواد هو حدث يحدث عندما يتم تحميل مستند وجميع موارده بالكامل. إنها طريقة موثوقة لتنفيذ التعليمات البرمجية فقط بعد تحميل الصفحة بالكامل وجميع عناصرها متاحة للتلاعب.
باستخدام المستند.أونلواد مفيد بشكل خاص عندما تحتاج إلى تنفيذ بعض التهيئة ، انتظر البرامج النصية الخارجية أو أنماط لتحميل ، والتأكد من أن عناصر دوم متوفرة قبل استخدامها.
مثال الاستخدام:
- ، والتي ستحتوي على رمز تهيئة الصفحة;
- فقط بعد تحميل الصفحة بالكامل;
- يمكنك إجراء العديد من التلاعبات مع عناصر دوم ، على سبيل المثال ، تغيير سماتها أو أنماطها.
هنا مثال على التعليمات البرمجية:
وظيفة إنيتياليزيباج () {
فار العنوان = وثيقة.جيتليمينتبيد ('العنوان الرئيسي');
العنوان.إينيرتمل = ' مرحبا ، العالم!';
}
وثيقة.أونلواد = إنيتياليزيباج;
سيتم استدعاؤها فقط بعد تحميل الصفحة بأكملها والعنصر مع معرف العنوان الرئيسي هو متاح. بعد ذلك ، سيتم تغيير محتوى الرأس إلى " مرحبا ، العالم!".
باستخدام المستند.يمكن أن يكون التحميل مفيدا أيضا عند العمل مع الطلبات غير المتزامنة أو تحميل البرامج النصية والأنماط الخارجية. يمكن أن يساعد انتظار تحميل المستند وموارده بالكامل في تجنب الأخطاء والمشاكل في البرامج النصية.
وهكذا ، وثيقة.أونلواد هو أداة قوية لتنفيذ التعليمات البرمجية مضمونة فقط بعد تحميل الصفحة بالكامل وجميع عناصرها المتاحة.
كيف الوثيقة.تحميل العمل في جافا سكريبت?
وثيقة.التحميل هو حدث يحدث عندما يتم تحميل صفحة ويب بالكامل ، بما في ذلك جميع الأنماط والصور والموارد الأخرى. هذا يعني أنه سيتم تنفيذ شفرة جافا سكريبت على الصفحة فقط بعد تحميل جميع عناصر الصفحة بالكامل ، وهو أمر مفيد جدا للعمل مع شجرة دوم ومعالجة عناصر الصفحة.
عندما يقوم المتصفح بتنفيذ شفرة جافا سكريبت على صفحة تحتوي على المستند.حدث التحميل ، سينتظر حتى يتم تحميل كل محتوى الصفحة بالكامل قبل الاستمرار في تنفيذ التعليمات البرمجية. يوفر هذا نقطة دخول موثوقة لتنفيذ التعليمات البرمجية التي تحتاج إلى الوصول إلى عناصر دوم أو موارد الصفحة الأخرى.
هنا مثال على استخدام المستند.تحميل باستخدام وظيفة مجهولة:
وثيقة.تحميل = وظيفة () {
// الرمز الخاص بك هنا
};
يمكنك أيضا استخدام أدفينتليستينر لتسجيل معالج الحدث تحميل على كائن المستند:
وثيقة.أديفنتليستينر ("تحميل" ، وظيفة () {
// الرمز الخاص بك هنا
});
باستخدام المستند.أونلواد مفيد بشكل خاص عندما تحتاج إلى تحميل البرامج النصية طرف ثالث أو التبعيات قبل أداء وظائفك. هذا يسمح لك للتأكد من أن جميع الموارد اللازمة لشفرتك للعمل متوفرة وتحميلها قبل تنفيذها.
من المهم أن نلاحظ أن الحدث وثيقة.سيتم تنفيذ أونلواد مرة واحدة فقط في كل مرة يتم تحميل الصفحة. إذا كنت بحاجة إلى تنفيذ التعليمات البرمجية في كل مرة يتم تحديث جزء من الصفحة ، قد تحتاج إلى استخدام أحداث أخرى مثل دومكونتينتلوديد أو نافذة.تحميل.
معالج لحدث تحميل المستند
.أونلواد هو الحدث الذي يحدث عندما يتم تحميل بنية كاملة من وثيقة هتمل بالكامل وجاهزة للتفاعل مع جافا سكريبت.
عندما يقوم المتصفح بتحميل مستند ، فإنه يبدأ في قراءة كود هتمل من أعلى إلى أسفل ، مما يؤدي إلى إنشاء بنية دوم (نموذج كائن المستند) عند قراءة كل عنصر. عندما يصل المتصفح إلى نهاية المستند ، المستند.يتم تشغيل الحدث أونلواد ، قول جافا سكريبت أن الصفحة بأكملها يتم تحميل وعلى استعداد للعمل مع المستخدم أو تنفيذ مهام أخرى.
باستخدام المستند.معالج أونلواد يسمح لك للتأكد من أن يتم تحميل المستند هتمل بأكمله قبل بدء تشغيل البرنامج النصي جافا سكريبت التنفيذ. هذا مفيد بشكل خاص عندما تحتاج إلى الوصول إلى عناصر الصفحة أو تغيير محتوياتها.
في ما يلي مثال على التعليمات البرمجية يوضح استخدام معالج حدث تحميل المستند:
نافذة.وثيقة.تحميل = وظيفة () {
// الرمز الخاص بك هنا
في حالة تأهب ('يتم تحميل المستند!');
};
معالج لحدث المستند.أونلواد يمكن استخدامها لأداء مهام مختلفة ، مثل تثبيت معالجات الأحداث ، وإرسال الطلبات إلى الخادم ، وتغيير أنماط العناصر ، وغيرها الكثير.
ومع ذلك ، يجب عدم إساءة استخدام هذا الحدث ، لأنه قد يؤثر على سرعة تحميل الصفحة. إذا كانت شفرة جافا سكريبت الخاصة بك لا تتطلب تحميل المستند بالكامل ، ففكر في استخدام حدث بديل مثل دومكونتينتلوديد ، والذي يتم تشغيله عندما تكون بنية دوم جاهزة ولا تزال الموارد الخارجية مثل الصور أو الأنماط قيد التحميل.
لماذا الوثيقة.تحميل مهم جدا?
وثيقة.التحميل هو حدث يحدث عندما يتم تحميل صفحة ويب بالكامل ، بما في ذلك جميع الموارد مثل الصور والأنماط والبرامج النصية. إنه حدث شائع الاستخدام في تطوير تطبيقات الويب ، حيث يوفر ضمانا بأن كل محتوى الصفحة متاح للتشغيل قبل عرض واجهة المستخدم.
أهمية الوثيقة.أونلواد هو كما يلي:
- ضمان حسن سير البرامج النصية: عندما تحتوي صفحة الويب على نصوص برمجية خارجية ، على سبيل المثال ، للتفاعل مع المستخدم أو تنفيذ مهام أخرى ، قم بالتوثيق.أونلواد يضمن أن يتم تحميل جميع هذه البرامج النصية وجاهزة للاستخدام.
- إمكانية الوصول إلى محتوى الصفحة: إذا كان محتوى الصفحة يعتمد على موارد خارجية ، مثل الصور أو الأنماط ، فقم بالتوثيق.أونلواد يسمح لك للتأكد من أن يتم تحميل جميع هذه الموارد وعرضها بشكل صحيح قبل عرض الصفحة للمستخدم.
باستخدام المستند.تحميل:
- تحميل الموارد: وثيقة.يمكن استخدام التحميل لتحميل موارد إضافية على صفحة ، مثل الصور أو مقاطع الفيديو أو الأنماط ، بعد تحميل المحتوى الرئيسي للصفحة. يمكن أن يكون هذا مفيدا إذا كانت هناك حاجة إلى موارد لتحديث الصفحة ديناميكيا أو لإضافة وظائف جديدة.
- تنفيذ الإجراءات بعد التحميل: وثيقة.يمكن أيضا استخدام أونلواد لتنفيذ إجراءات معينة بعد تحميل الصفحة بالكامل. على سبيل المثال ، يمكن إرسال البيانات إلى الخادم أو تهيئة الكائنات أو عرض عناصر الواجهة.
في الختام ، الوثيقة.أونلواد هو حدث مهم في تطوير تطبيقات الويب ، مما يضمن حسن سير البرامج النصية وتوافر محتوى الصفحة. يسمح للمطورين بتنفيذ إجراءات إضافية بعد تحميل الصفحة وإضافة محتوى ديناميكي إلى الصفحة لتحسين تجربة المستخدم.
ضمان التحميل الكامل
من محتوى الوثيقة.أونلواد هو حدث جافا سكريبت يحدث عندما يتم تحميل صفحة ويب بالكامل ، بما في ذلك جميع الصور والأنماط والبرامج النصية والمحتويات الأخرى. يتم تنشيط هذا الحدث عندما يكون كل المحتوى الموجود على الصفحة متاحا للمستخدمين.
باستخدام المستند.يوفر أونلواد ضمانا بأن شفرة جافا سكريبت سيتم تنفيذها فقط بعد تحميل المحتوى بالكامل. يؤدي هذا إلى تجنب المواقف التي تبدأ فيها البرامج النصية في العمل مع عناصر الصفحة التي لم يتم تحميلها بعد.
على سبيل المثال ، إذا كان هناك رابط لصورة داخل شفرة جافا سكريبت ، وعند تهيئة الرمز ، لم يتم تحميل الصورة بالكامل بعد ، فقد يؤدي ذلك إلى مشاكل غير مرغوب فيها. باستخدام المستند.أونلواد يتجنب مثل هذه الحالات ويضمن أن كل المحتوى متاح قبل تنفيذ البرامج النصية.
فيما يلي مثال على استخدام المستند.تحميل:
نافذة.تحميل = وظيفة () {
// يتم تنفيذ الكود فقط بعد
وحدة التحكم.يتم تحميل صفحة السجل بالكامل ('يتم تحميل الصفحة بالكامل');
};
باستخدام المستند.يعد التحميل مفيدا بشكل خاص عندما تحتوي صفحة الويب على قدر كبير من المحتوى أو تقوم بتحميل موارد خارجية مثل الصور أو الأنماط. وهذا يساعد على ضمان أن كل المحتوى متاح وجاهز للاستخدام قبل بدء تنفيذ شفرة جافا سكريبت.
مثال على استخدام المستند.تحميل
لفهم استخدام المستند.الحدث أونلواد ، والنظر في المثال التالي:
لدينا صفحة ويب تحتوي على محتوى سفر ، ونود إضافة تنزيلات للصور فقط بعد تحميل الصفحة بالكامل. للقيام بذلك ، يمكننا استخدام المستند.حدث التحميل.
// إضافة سمة البديل
إيماجيليمنت.البديل = 'تحميل الصور' +(أنا + 1);
- }
}
تحديث الروابط إلى الصور ، على سبيل المثال ، العنصر النائب.جبغ ، على صورة التحميل ، على سبيل المثال ، تحميل.جيف . نضيف أيضا السمة البديل مع وصف لتحميل الصورة.
نقوم بحفظ الملفات وتشغيل صفحة الويب في المتصفح. بعد تحميل الصفحة بالكامل ، سيتم استبدال الصور بصورة تحميل.
لذلك استخدمنا الوثيقة.قم بتحميل الحدث للتأكد من أن الصور ستبدأ التحميل فقط بعد تحميل الصفحة بالكامل.
إضافة وظيفة بعد التنزيل
عندما يقوم المتصفح بتحميل صفحة ويب ، فإنه ينفذ سلسلة معينة من الإجراءات. واحدة من المراحل الهامة للتحميل هو تنفيذ شفرة جافا سكريبت. للتأكد من تنفيذ التعليمات البرمجية بعد تحميل المستند بالكامل ، يمكنك استخدام المستند.حدث التحميل.
الحدث وثيقة.يحدث التحميل عند تحميل صفحة الويب بالكامل وجميع الموارد (مثل الصور والأنماط) بالكامل وجاهزة للاستخدام. في هذه المرحلة ، يمكنك إضافة وظائف جافا سكريبت التي يجب تنفيذها بعد تحميل الصفحة.
التفاف التعليمات البرمجية التي يجب تنفيذها بعد التحميل في وظيفة.
أضف الكود التالي إلى الكتلة :
// التعليمات البرمجية ليتم تنفيذها بعد التحميل
};
يضمن هذا الرمز أن الوظيفة لن يتم استدعاؤها إلا بعد تحميل المستند بالكامل وتكون جميع موارده جاهزة. هذا مفيد بشكل خاص إذا كانت شفرة جافا سكريبت تعتمد على الموارد التي قد لا يتم تحميلها على الفور ، مثل الصور أو الأنماط.
باستخدام المستند.الحدث أونلواد يمكن أن تساعد في تجنب المشاكل مع تنفيذ التعليمات البرمجية في وقت مبكر عندما لا يتم تحميل الموارد بعد. قد يكون من المفيد أيضا تحسين الأداء أو إزالة التعارضات بين البرامج النصية المختلفة على الصفحة.
وثيقة.يتم استخدام أونلواد لتنفيذ إجراءات معينة فقط بعد تحميل المستند بالكامل. يؤدي هذا إلى تجنب الموقف الذي يبدأ فيه البرنامج النصي في العمل قبل تحميل جميع عناصر الصفحة بالكامل ، مما قد يتسبب في حدوث أخطاء أو عرض غير صحيح.