¿Cómo puedo detectar cuándo se carga una página web?

Quiero escribir una aplicación que detecta cuando una página se carga en el navegador, entonces debería ser capaz de insertar contenido en la parte superior de la página web cargada? ¿Alguien con una idea sobre cómo hacer eso?¿Cómo puedo detectar cuándo se carga una página web?

Tenga en cuenta que debería poder hacer esto en cualquier navegador (Firefox/IE).

¿Qué idioma debo usar para ayudarme a hacer esto?

¿Cómo puedo detectar esto desde una aplicación externa?

¿Cómo debo integrar esto con el navegador?

Fuente

2009-02-06 Anonymous

En Javascript, tiene el evento onload.

Editar: un ejemplo:

<html> 
    <head>...</head> 
    <body onload="doSomethingWhenPageIsLoaded();"> 
    ... 
    </body> 
</html>

Fuente

2009-02-06 15:52:42 romaintaz

-1 para agregar JavaScript a HTML. Es mejor externalizarlo por completo. –

evento OnLoad Javascript para que el cuerpo hace lo que quiere.

<body onload="somefunc();">

Fuente

2009-02-06 15:53:00 Welbog

Javascript utilizando el evento onLoad(), esperará a la página para ser cargado antes de ejecutar.

<body onload="somecode();" >

Si está utilizando la función de lista de documentos del framework jQuery el código se carga en cuanto se carga el DOM y antes de que los contenidos de las páginas se cargan:

$(document).ready(function() { 
    // jQuery code goes here 
});

Fuente

2009-02-06 15:53:54 jjclarkson

+1 por mencionar más de una forma – meouw

Buena respuesta. Sin embargo, si el afiche no conoce el Javascript básico, dudo que sepa jQuery. – Zabbala

Por favor, no haga referencia a W3Schools, use MDN en su lugar. – FluorescentGreen5

Se podría usar javascript para hacer esta. Si no sabes cómo usar javascript, te recomiendo que leas some tutorials first.

Después de tener una comprensión básica de javascript, puede detectar cuándo se ha cargado una página utilizando el evento window.onload.

window.onload = function() { 
    addPageContents(); //example function call. 
}

Editar: Si desea agregar más de una función onload, y no utilizar una biblioteca de Javascript, se puede envolver su propio hanlder proceso de carga.

window.whenloaded = function(fn) { 
    if (window.onload) { 
    var old = window.onload; 
    window.onload = function() { 
     old(); 
     fn(); 
    } 
    } else { 
    window.onload = fn; 
    } 
}

Fuente

2009-02-06 15:55:15 tj111

+1 porque no dijo 'solo use jQuery' – meouw

ídem.Está más allá de una broma aquí. "¿Cómo asigno un valor a una variable?" "¡Usa jQuery!" – bobince

¿Por qué no utilizar el método nativo 'addEventListeners'? –

Mejor que onload es el uso de una función de un marco existente, porque a veces onload no responde después de todos los recursos (imágenes, etc.) están cargados y no sólo la página.

Por ejemplo jQuery:

$(document).ready(function() { 
    // do stuff 
})

Fuente

2009-02-06 15:55:31

+1 porque explica que las bibliotecas tienen una carga mejor – meouw

+1, esto es 10 veces mejor que el evento de carga por los motivos precisos que menciona. Demasiadas personas usan la carga y es posible que no se active durante unos segundos después de que se muestre la página al usuario. –

Esto también tiene la ventaja de jugar bien con los controladores de eventos existentes. window.onload, por otro lado, los sobrescribirá. –

Por qué no utilizar los oyentes?

// Everything but IE 
window.addEventListener("load", function() { 
    // loaded 
}, false); 

// IE 
window.attachEvent("onload", function() { 
    // loaded 
});

¡De esta manera puede agregar tantos Escuchadores como desee, también puede separarlos! removeEventListener y detachEvent.

Fuente

2009-02-11 16:18:30

¿Cómo puedo detectar cuándo se carga una página web?

Respuesta

Cuestiones relacionadas