Primero, el orden de carga de la página:
Analizar la estructura HTML.
Cargue scripts externos y archivos de hojas de estilo.
Analizar y ejecutar código de script.
Construya el modelo DOM HTML.
Cargue archivos externos como imágenes.
La página está cargada.
Eso es:
html → encabezado → título → #text (título de la página web) → estilo → cargar estilo → analizar estilo → enlace → cargar archivo de hoja de estilo externo → analizar hoja de estilo externa → script → cargar archivo de script externo → analizar archivo de script externo → ejecutar script externo → cuerpo → div → script → cargar script → analizar script → ejecutar script → img → script → cargar script → analizar script → ejecutar script → cargar archivo de imagen externo → inicialización de página completada.
Carga inicial de JS.
cargar
No se llama cuando se carga el documento, sino cuando se cargan todos los elementos de la página (incluidas imágenes, etc.). Si hay imágenes de gran tamaño en la página y la descarga lleva mucho tiempo, el script lo hará. nunca se podrá cargar Inicialización, hasta que se complete la carga de la imagen, la experiencia del usuario se verá muy afectada en casos severos. Sin embargo, window.onload no es inútil. En muchos casos, algunos software B/S requieren que la página sea. completamente cargado antes de proporcionar funciones relacionadas con el usuario, por lo que la ventana .onload Puede proporcionar una función de "carga", o el contenido de la página es muy pequeño y document.ready() no es necesario en absoluto según la situación, onload y ready deben usarse de manera razonable;
Utilice onload para cargar:
Copie el código de código de la siguiente manera:
ventana.onload=función(){
var currentRenderer = 'javascript';
FusionCharts.setCurrentRenderer(actualRenderer);
var chartObj = nuevo FusionCharts({
swfUrl: "Pie3D.swf",
ancho: "290", alto: "210",
id: 'gráfico de muestra',
fuente de datos: "/ucenter/seo/new_seo_tool.php?check=xml&val={{pre_num}}",
formato de datos: FusionChartsDataFormats.XMLURL,
renderAt: 'chart1div'
}).prestar();
}
listo
Hay un evento llamado DOMContentLoaded en W3C, que se activa cuando se carga el DOM (Document Object Model).
Método uno:
Copie el código de código de la siguiente manera:
Similar a $(function(){...}) $(document).ready(function(){...}) de Jquery.
(función () {
var es decir = !!(window.attachEvent && !window.opera);
var semana = /webkit//(/d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525);
var fn = [];
var ejecutar = función () { para (var i = 0; i < fn.length; i++) fn[i]() };
var d = documento;
d. listo = función (f) {
si (!es decir && !wk && d.addEventListener)
return d.addEventListener('DOMContentLoaded', f, false);
si (fn.push(f) > 1) regresa;
si (es decir)
(función () {
intente { d.documentElement.doScroll('izquierda'); ejecutar();
captura (err) { setTimeout(argumentos.callee, 0 });
})();
si no (semana)
var t = setInterval(función () {
if (/^(cargado|completo)$/.test(d.readyState))
clearInterval(t), ejecutar();
}, 0);
};
})();
Al llamar:
documento.listo(función(){
alerta('bien');
}
Método dos:
Copie el código de código de la siguiente manera:
/Si se admite W3C DOM2, utilice el método W3C
si (document.addEventListener){
document.addEventListener("DOMContentLoaded", te, false);
}
else if (/MSIE/i.test(navigator.userAgent)){/si es el navegador IE (no compatible)
/Crea una etiqueta de secuencia de comandos, que tiene un atributo de aplazamiento y se cargará cuando se cargue el documento.
documento.escribir("
var script = document.getElementByIdx_x("__ie_onload");
/Si el documento está realmente cargado, llame al método de inicialización
script.onreadystatechange = función() {
if (this.readyState == 'completo') {
te();
}
}
}
else if (/WebKit/i.test(navigator.userAgent)) {/Si es el navegador Safari (no compatible)
/Cree un temporizador, verifique cada 0,01 segundos y llame al método de inicialización si el documento está cargado
var _timer = setInterval( función() {
if (/cargado|completo/.test(document.readyState)) {
clearInterval(_temporizador);
te();
}
}, 10);
}
else {/Si no se realiza ninguna de las opciones anteriores, utilice el peor método (en este caso, Opera 7 se ejecutará aquí)
ventana.onload = función(e) {
te();
}
}
función(){
alerta('bien');
}