تضمين البرامج النصية ديناميكيًا مع وظيفة document.write

السؤال:

كيف يمكن إضافة علامة البرنامج النصي مع سمة src المتغيرة ديناميكيًا إلى صفحة الويب ، خاصةً إذا كان src يحتوي على وظائف document.write؟

الخلفية:

عادةً، تعمل إضافة علامة برنامج نصي بسمة src محددة في رأس HTML بسلاسة. ومع ذلك، عندما تتضمن سمة src كود document.write، يصبح الأمر مشكلة.

الحل:

لإضافة علامة البرنامج النصي هذه ديناميكيًا، يمكن اتخاذ الخطوات التالية:

1. قم بإنشاء عنصر برنامج نصي جديد باستخدام document.createElement('script').
2. قم بتعيين سمة src لعنصر البرنامج النصي على عنوان URL/المصدر المطلوب.
3. إلحاق عنصر البرنامج النصي إلى document.head باستخدام appendChild().

مثال:

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src', 'http://example.com/site.js');

document.head.appendChild(my_awesome_script);

ستتم إضافة عنصر البرنامج النصي هذا ديناميكيًا إلى صفحة الويب، حتى لو كان src الخاص به يحتوي على رمز document.write.