Comment détecter quand une page Web est chargée?

Je souhaite écrire une application qui détecte quand une page est chargée dans le navigateur, puis-je pouvoir insérer le contenu sur la page Web chargée? Quelqu'un a-t-il une idée de la façon de faire cela?

Veuillez noter que je pourrais le faire dans n'importe quel navigateur (Firefox / IE).

Quelle langue dois-je utiliser pour m'aider à faire cela?

Comment détecter cela à partir d'une application externe?

Comment intégrer cela avec le navigateur?

Vous utiliserez javascript pour le faire. Si vous ne savez pas comment utiliser javascript, je vous recommande de lire quelques tutoriels d' abord .

Après avoir une compréhension de base de javascript, vous pouvez détecter quand une page a été chargée en utilisant l'événement window.onload .

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

Edit: Si vous souhaitez ajouter plus d'une fonction onload, et ne pas utiliser une bibliothèque javascript, vous pouvez envelopper votre propre onduleur hanold.

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

Pourquoi ne pas utiliser les auditeurs?

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

De cette façon, vous pouvez ajouter autant d'auditeurs que vous le souhaitez, vous pouvez également les détacher! removeEventListener et detachEvent .

Mieux vaut s'empêcher d'utiliser une fonction d'un cadre existant, car onload répond parfois après que toutes les ressources (images, etc.) sont chargées et pas seulement la page.

Par exemple jQuery:

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

Dans Javascript, vous avez l'événement onload .

Modifier: un exemple:

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

Javascript en utilisant l' événement onLoad () , attendra la chargement de la page avant l'exécution.

 <body onload="somecode();" > 

Si vous utilisez la fonction JTuery Framework Ready, le code sera chargé dès que le DOM sera chargé et avant que le contenu de la page ne soit chargé:

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

L'événement OnLoad de Javascript pour le corps fait ce que vous voulez.

 <body onload="somefunc();">