Javascript: añadir elemento de marco flotante después de la página se ha cargado

Question

El uso de Javascript que necesito para encontrar la mejor manera de añadir un elemento de marco flotante es decir:

1. Completamente oculta para el usuario.
2. Creado después de que la página se haya cargado por completo. es decir, debe ser completamente discreto para el usuario y no afectar la carga de imágenes y otros scripts, etc., de ninguna manera.

Answer 1

Se puede añadir un escondido iframe así:

var iframe = document.createElement('iframe'); 
iframe.style.display = "none"; 
iframe.src = /* your URL here */; 
document.body.appendChild(iframe); 

Si usted tiene que hacer que al cargar la página, sólo tiene que poner el código en cuestión en una etiqueta de script al final de su documento, o conectarlo a través del evento windowload (window.onload = yourFunction;), aunque el evento windowload ocurre bastante tarde en el proceso de carga de la página. Y, por supuesto, como muchas cosas relacionadas con JavaScript en los navegadores, puede encontrar que su vida es un poco más fácil si usa una biblioteca como Prototype, jQuery, Closure o any of several others, ya que pueden suavizar las diferencias del navegador. (Dicho esto, el código anterior funcionará en cualquier navegador con el que esté familiarizado). Las bibliotecas generalmente ofrecen una manera de hacer las cosas tan pronto como se carga la página, pero antes de windowload suele ocurrir. jQuery proporciona la función ready; Prototype proporciona el evento dom:loaded; etc.

Por ejemplo, si se pone esto al final de su etiqueta body, se creará el iframe después todo lo demás ha cargado (incluidas todas las imágenes, windowload no se dispara hasta que todas las imágenes han cargado) :

<script type='text/javascript'> 
window.onload = function() { 
    var iframe = document.createElement('iframe'); 
    iframe.style.display = "none"; 
    iframe.src = /* your URL here */; 
    document.body.appendChild(iframe); 
}; 
</script>