لماذا يقوم Document.write بمسح الصفحة؟

عند استخدام طريقة document.write() في JavaScript، غالبًا ما يواجه المبرمجون مشكلة غريبة السلوك: قد يؤدي استدعاء document.write() ضمن معالج الأحداث، مثل onClick، إلى مسح المستند.

لفهم هذه النتيجة غير المتوقعة، من الضروري فهم طبيعة document.write(). تكتب هذه الوظيفة في دفق المستند، وهو التدفق المستمر للبيانات التي تمثل المستند الذي يتم عرضه في المتصفح.

في مثال التعليمات البرمجية المقدم:

يتم تشغيل وظيفة validator() عند النقر على زر "التحقق". إليك ما يحدث:

1. عند هذه النقطة، من المحتمل أن يكون المستند قد انتهى من التحميل، مما يعني أن دفق المستند مغلق.
2. استدعاء document.write() يؤدي تلقائيًا إلى تشغيل document.open( )، الذي يقوم بمسح المستند الحالي، وإزالة كافة العناصر الموجودة.
3. وبالتالي، يتم عرض النص المحدد في document.write() في المستند الفارغ الآن.

وبالتالي، تتم إزالة عناصر النموذج (مربع الاختيار والزر) من الصفحة لأنه يتم تحديث المستند بأكمله، واستبدال المحتويات السابقة بمخرجات document.write().

لذلك، عند العمل مع document.write() ، من الضروري التأكد من بقاء تدفق المستند مفتوحًا باستخدام document.open()‎ بشكل صريح قبل الكتابة إليه. وإلا فإن السلوك غير المتوقع لمسح المستند يمكن أن يعطل الوظيفة المقصودة.