قم بتحميل جافا سكريبت الخارجي ديناميكيًا إلى الصفحة

الكاتب：Eve Cole وقت التحديث：2009-05-31 00:37:33

في بعض الأحيان يكون من الضروري تقديم جزء من جافا سكريبت ديناميكيًا بعد تحميل قسم معين في صفحة الويب. الحل ضمن IE:

وفيما يلي المحتوى المقتبس:
شفرة:
newjs.onreadystatechange = function ( ) {
if (newjs.readyState == 'loaded') {
// مستعد!
}
}

newjs.onload = function ( ) {
// مستعد!
}

يتم استخدام أحداث onload وonreadystatechange بشكل أساسي. للاستفادة من هذا، يمكنك أيضًا تحميل CSS الخارجي ديناميكيًا. فيما يلي طريقة كتابة مناسبة لكل من Ie/firefox.

وفيما يلي المحتوى المقتبس:
شفرة:
فار المغلق؛
وظيفة include_css (css_file) {
var html_doc = document.getElementsByTagName( 'head') [ 0 ];
css = document.createElement('link');
css.setAttribute('rel', 'stylesheet' );
css.setAttribute('type', 'text/css' );
css.setAttribute('href', css_file);
html_doc.appendChild(css);

// تغيير حالة التنبيه
css.onreadystatechange = function ( ) {
if (css.readyState == 'Complete') {
تنبيه ('تم إطلاق CSS onreadystatechange')؛
}
}
تحميل = وظيفة ( ) {
تنبيه ('تم إطلاق عملية تحميل CSS')؛
}
عودة كاذبة.
}

فار شبيبة؛
وظيفة include_js (ملف) {
var html_doc = document.getElementsByTagName( 'head') [ 0 ];
js = document.createElement('script');
js.setAttribute('type', 'text/javascript' );
js.setAttribute('src', ملف);
html_doc.appendChild(js);

js.onreadystatechange = function ( ) {
if (js.readyState == 'Complete') {
تنبيه ('تم إطلاق JS onreadystate')؛
}
}

js.onload = function ( ) {
تنبيه ("تم إطلاق تحميل JS")؛
}
عودة كاذبة.
}