أولاً ترتيب تحميل الصفحة:
تحليل بنية HTML.
تحميل البرامج النصية الخارجية وملفات ورقة الأنماط.
تحليل وتنفيذ التعليمات البرمجية للبرنامج النصي.
بناء نموذج HTML DOM.
تحميل الملفات الخارجية مثل الصور.
تم تحميل الصفحة.
إنه:
html → الرأس → العنوان → #text (عنوان صفحة الويب) → النمط → تحميل النمط → نمط التحليل → الرابط → تحميل ملف ورقة الأنماط الخارجية → تحليل ورقة الأنماط الخارجية → البرنامج النصي → تحميل ملف البرنامج النصي الخارجي → تحليل ملف البرنامج النصي الخارجي → تنفيذ البرنامج النصي الخارجي → الجسم → div → البرنامج النصي → تحميل البرنامج النصي → تحليل البرنامج النصي → تنفيذ البرنامج النصي → img → البرنامج النصي → تحميل البرنامج النصي → تحليل البرنامج النصي → تنفيذ البرنامج النصي → تحميل ملف الصورة الخارجية → اكتملت تهيئة الصفحة.
التحميل الأولي لـ JS.
تحميل
لا يتم استدعاؤه عند تحميل المستند، ولكن عند تحميل جميع عناصر الصفحة (بما في ذلك الصور وما إلى ذلك). إذا كانت هناك صور كبيرة الحجم على الصفحة ويستغرق تنزيلها وقتًا طويلاً، فسيتم استدعاء البرنامج النصي لا يمكن تحميلها مطلقًا، حتى اكتمال تحميل الصورة، ستتأثر تجربة المستخدم بشكل كبير في الحالات الشديدة. ومع ذلك، لا يكون window.onload عديم الفائدة في كثير من الحالات، تتطلب بعض برامج B/S أن تكون الصفحة تم تحميله بالكامل قبل توفير الوظائف المتعلقة بالمستخدم، لذا فإن window .onload يمكن أن يوفر وظيفة "تحميل"، أو أن يكون محتوى الصفحة صغيرًا جدًا، ولا تكون هناك حاجة إلى document.ready() على الإطلاق اعتمادًا على الموقف، ويجب استخدام التحميل والجاهز بشكل معقول.
استخدم التحميل للتحميل:
انسخ رمز الكود كما يلي:
window.onload=function(){
var currentRenderer = 'javascript';
FusionCharts.setCurrentRenderer(currentRenderer);
فار ChartObj = جديد FusionCharts({
swfUrl: "Pie3D.swf"،
العرض: "290"، الارتفاع: "210"،
المعرف: "نموذج الرسم البياني"،
مصدر البيانات: "/ucenter/seo/new_seo_tool.php?check=xml&val={{pre_num}}"،
تنسيق البيانات: FusionChartsDataFormats.XMLURL،
تقديم في: "chart1div"
}).يجعل()؛
}
مستعد
يوجد حدث يسمى DOMContentLoaded في W3C، والذي يتم تشغيله عند تحميل DOM (نموذج كائن المستند).
الطريقة الأولى:
انسخ رمز الكود كما يلي:
مشابه لـ $(function(){...}) $(document).ready(function(){...}) في Jquery
(وظيفة () {
var ie = !!(window.attachEvent && !window.opera);
var wk = /webkit//(/d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525);
فار fn = [];
var run = function () { for (var i = 0; i < fn. length; i++) fn[i]() };
فار د = وثيقة؛
د. جاهز = الوظيفة (و) {
إذا (!ie && !wk && d.addEventListener)
return d.addEventListener('DOMContentLoaded', f, false);
إذا (fn.push(f) > 1) العودة؛
إذا (أي)
(وظيفة () {
حاول { d.documentElement.doScroll('left');
قبض (يخطئ) { setTimeout(arguments.callee, 0 });
})();
وإلا إذا (أسبوع)
فار تي = setInterval(function () {
إذا (/^(محمل|مكتمل)$/.test(d.readyState))
ClearInterval(t), run();
}, 0);
};
})();
عند الاتصال:
وثيقة.جاهزة(وظيفة(){
تنبيه('موافق');
}
الطريقة الثانية:
انسخ رمز الكود كما يلي:
/إذا كان W3C DOM2 مدعومًا، استخدم طريقة W3C
إذا (document.addEventListener){
document.addEventListener("DOMContentLoaded", te, false);
}
وإلا إذا كان (/MSIE/i.test(navigator.userAgent)){/إذا كان متصفح IE (غير مدعوم)
/ أنشئ علامة برنامج نصي لها سمة التأجيل وسيتم تحميلها عند تحميل المستند.
وثيقة.كتابة("
var script = document.getElementByIdx_x("__ie_onload");
/ إذا تم تحميل المستند بالفعل، فاستدعاء طريقة التهيئة
script.onreadystatechange = وظيفة () {
إذا (this.readyState == 'مكتمل') {
تي();
}
}
}
وإلا إذا (/WebKit/i.test(navigator.userAgent)) {/إذا كان متصفح Safari (غير مدعوم)
/ أنشئ مؤقتًا، وتحقق منه كل 0.01 ثانية، واستدعاء طريقة التهيئة إذا تم تحميل المستند
فار _timer = setInterval( function() {
إذا (/ تم تحميله | كامل /.test (document.readyState)) {
ClearInterval(_timer);
تي();
}
}، 10)؛
}
آخر {/إذا لم يكن هناك أي مما سبق، فاستخدم الطريقة الأسوأ (في هذه الحالة، سيتم تشغيل Opera 7 هنا)
نافذة.onload = وظيفة (ه) {
تي();
}
}
دالة(){
تنبيه('موافق');
}