Zuerst die Reihenfolge beim Laden der Seite:
Analysieren Sie die HTML-Struktur.
Laden Sie externe Skripte und Stylesheet-Dateien.
Skriptcode analysieren und ausführen.
Erstellen Sie ein HTML-DOM-Modell.
Laden Sie externe Dateien wie Bilder.
Die Seite wird geladen.
Das heißt:
html → Kopf → Titel → #text (Webseitentitel) → Stil → Stil laden → Stil analysieren → Link → externe Stylesheet-Datei laden → externes Stylesheet analysieren → Skript → externe Skriptdatei laden → externe Skriptdatei analysieren → externes Skript ausführen → body → div → Skript → Skript laden → Skript analysieren → Skript ausführen → img → Skript → Skript laden → Skript analysieren → Skript ausführen → externe Bilddatei laden → Seiteninitialisierung abgeschlossen.
Erstmaliges Laden von JS.
laden
Es wird nicht aufgerufen, wenn das Dokument geladen wird, sondern wenn alle Elemente der Seite (einschließlich Bilder usw.) geladen werden. Wenn die Seite große Bilder enthält und das Herunterladen lange dauert, wird das Skript aufgerufen Wenn das Laden des Bildes nicht abgeschlossen ist, wird die Benutzererfahrung in vielen Fällen stark beeinträchtigt. In vielen Fällen ist die Seite jedoch nicht nutzlos vollständig geladen, bevor benutzerbezogene Funktionen bereitgestellt werden, also Fenster .onload Es kann eine „Lade“-Funktion bereitstellen, oder der Seiteninhalt ist sehr klein und document.ready () ist je nach Situation überhaupt nicht erforderlich. Onload und Ready sollten sinnvollerweise verwendet werden.
Verwenden Sie onload zum Laden:
Kopieren Sie den Codecode wie folgt:
window.onload=function(){
var currentRenderer = 'javascript';
FusionCharts.setCurrentRenderer(currentRenderer);
var chartObj = new FusionCharts({
swfUrl: „Pie3D.swf“,
Breite: „290“, Höhe: „210“,
id: 'sampleChart',
dataSource: „/ucenter/seo/new_seo_tool.php?check=xml&val={{pre_num}}“,
Datenformat: FusionChartsDataFormats.XMLURL,
renderAt: 'chart1div'
}).machen();
}
bereit
Im W3C gibt es ein Ereignis namens DOMContentLoaded, das ausgelöst wird, wenn das DOM (Document Object Model) geladen wird.
Methode eins:
Kopieren Sie den Codecode wie folgt:
Ähnlich wie $(function(){...}) $(document).ready(function(){...}) von Jquery
(Funktion () {
var ie = !!(window.attachEvent && !window.opera);
var wk = /webkit//(/d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525);
var fn = [];
var run = function () { for (var i = 0; i < fn.length; i++) fn[i]( };
var d = Dokument;
d. bereit = Funktion (f) {
if (!ie && !wk && d.addEventListener)
return d.addEventListener('DOMContentLoaded', f, false);
if (fn.push(f) > 1) return;
wenn (d. h.)
(Funktion () {
Versuchen Sie es mit { d.documentElement.doScroll('left');
Catch (err) { setTimeout(arguments.callee, 0);
})();
sonst wenn (Woche)
var t = setInterval(function () {
if (/^(loaded|complete)$/.test(d.readyState))
clearInterval(t), run();
}, 0);
};
})();
Beim Anruf:
document.ready(function(){
alarm('ok');
}
Methode zwei:
Kopieren Sie den Codecode wie folgt:
/Wenn W3C DOM2 unterstützt wird, verwenden Sie die W3C-Methode
if (document.addEventListener){
document.addEventListener("DOMContentLoaded", te, false);
}
else if (/MSIE/i.test(navigator.userAgent)){/wenn es sich um einen IE-Browser handelt (nicht unterstützt)
/Erstellen Sie ein Skript-Tag, das über ein Defer-Attribut verfügt und beim Laden des Dokuments geladen wird.
document.write("
var script = document.getElementByIdx_x("__ie_onload");
/Wenn das Dokument tatsächlich geladen ist, rufen Sie die Initialisierungsmethode auf
script.onreadystatechange = function() {
if (this.readyState == 'complete') {
te();
}
}
}
else if (/WebKit/i.test(navigator.userAgent)) {/Wenn es sich um einen Safari-Browser handelt (nicht unterstützt)
/ Erstellen Sie einen Timer, überprüfen Sie ihn alle 0,01 Sekunden und rufen Sie die Initialisierungsmethode auf, wenn das Dokument geladen ist
var _timer = setInterval( function() {
if (/loaded|complete/.test(document.readyState)) {
clearInterval(_timer);
te();
}
}, 10);
}
else {/Wenn keines der oben genannten Dinge zutrifft, verwenden Sie die schlechteste Methode (in diesem Fall wird Opera 7 hier ausgeführt).
window.onload = function(e) {
te();
}
}
functionte(){
alarm('ok');
}