Подтвердить что ты не робот

Javascript: добавить элемент iframe после загрузки страницы

Использование Javascript Мне нужно найти лучший способ добавить элемент iframe, который:

Полностью скрыт от пользователя.
Создано после полной загрузки страницы. то есть должен быть абсолютно ненавязчивым для пользователя и не влиять на загрузку изображений и других скриптов и т.д. любым способом.

Ответ 1

Вы можете добавить скрытый iframe следующий:

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

Если вам нужно сделать это при загрузке страницы, вы можете просто поместить соответствующий код в тег script в конце вашего документа или подключить его через событие window load (window.onload = yourFunction;), хотя событие window load происходит довольно поздно в процессе загрузки страницы. И, конечно же, как и многие вещи, связанные с JavaScript в браузерах, вы можете обнаружить, что ваша жизнь немного проще, если вы используете библиотеку, например Prototype, jQuery, Closure или любой из нескольких других, поскольку они могут сгладить различия браузера. (Тем не менее, вышеуказанный код будет работать в любом браузере, с которым я знаком). Библиотеки обычно предлагают способ делать что-то, как только загружается страница, но раньше обычно бывает window load. jQuery предоставляет функцию ready; Прототип предоставляет событие dom:loaded; и др.

Например, если вы поместите это в конец тэга body, он создаст iframe после загрузки всего остального (включая все изображения window load), пока все изображения не будут загружены ):

<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>