Script #13 أضف مكتبتك المفضلة إلى أي صفحة

قد تواجه أحيانًا عدم وجود مكتبة ما، او سكربت تحبه في صفحة تحاول العبث بها،

فمثلًا، لن تجد مكتبة jQuery في صفحةw3schools هذه

ولكن لا تقلق، يمكننا إضافة المكتبة إلى الصفحة

1- إنشاء العنصر

يمكننا إنشاء أي عنصر نرغب به عن طريق الدالة createElement من الكائن document

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

2- سنقوم الآن بإضافة خاصيّتين (attributes) إلى العنصر script الذي أنشأناه

script.setAttribute("type","text/javascript");
script.setAttribute("src", "

3- أخيرًا سنمسك العنصر head من رأسه باستخدام getElementsByTagName

var head=document.getElementsByTagName("head")[0]

(انتبه فالدالة السابقة تعيد مصفوفة وعليك اختيار العنصر الأول والوحيد فيها [0])

4- سنقوم بإلحاق العنصر script الذي أنشأناه بالعنصر head الذي أمسكناه

head.appendChild(script);

وبهذا يمكنك استخدام الشيفرة التالية، إضافة مكتبة jQuery إلى صفحة w3schools

var script=document.createElement('script');
script.setAttribute("type","text/javascript");
script.setAttribute("src", "

https://ajax.googleapis.com... "); var head=document.getElementsByTagName("head")[0] head.appendChild(script);

قم بتجربة الشيفرة التالية التي تقوم بإخفاء كل الروابط من الصفحة، قبل وبعد استخدام السكربت الجميل السابق

$('a').hide()

بالتوفيق :)

المرجع:

اقرأ أيضًا