السبت، 30 يوليو 2016

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

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

فمثلًا، لن تجد مكتبة jQuery في صفحةw3schools هذه http://ift.tt/1fg35RI

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

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

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

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

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

script.setAttribute("type","text/javascript");
script.setAttribute("src", "http://ift.tt/2apj8S9;);

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", "http://ift.tt/2apj8S9;);
var head=document.getElementsByTagName("head")[0]
head.appendChild(script);

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

$('a').hide()

بالتوفيق :)

المرجع:

http://ift.tt/2aCwMEA



from حسوب I/O - الأكثر شيوعاً http://ift.tt/2apjN66

ليست هناك تعليقات:

إرسال تعليق

دائماً، رأيكم يهمنا،