Как сделать, чтобы скрипт выполнялся после загрузки страницы?

Question

[toyvo_glumov]

Совершенно нубский вопрос, так как не знаю JS совсем. Нашел подходящий скрипт, который добавляет блок raz5 после блока raz6 на странице по клику. Как переделать его, чтобы срабатывал не по клику, а просто после загрузки страницы автоматом?

<script>
document.querySelector('#raz5 input').onclick = function() {
  document.querySelector('#raz6').appendChild(this);
}
</script>

Answer 1

[Денис]

Если нет крайней необходимости ждать полной загрузки страницы: изображений, видео, etc (что бывает крайне редко), а достаточно дождаться, пока браузер загрузит DOM (проще говоря, структуру HTML), то используйте событие "DOMContentLoaded":

document.addEventListener('DOMContentLoaded', function(){

    // весь ваш код тут

}, false);

Второй вариант, который рекомендует тот же Google, это разместить все JS-скрипты в конце документа. Например, перед закрывающим тегом </body>

Comments

[toyvo_glumov]

Спасибо, но не могли бы вы написать как в моем случае должен выглядеть итоговый скрипт?

[Денис]

toyvo_glumov да, смотрите тут

document.addEventListener('DOMContentLoaded', function() {

    document.querySelector('#raz5 input').addEventListener('click', function() {
        document.querySelector('#raz6').appendChild(this);
    }, false);

}, false);

[toyvo_glumov]

Денис: А почему опять по клику? Нужно чтобы просто после загрузки сам перемещался и все.

[Денис]

toyvo_glumov сори, немного ошибся в спешке. Правильный вариант:

document.addEventListener('DOMContentLoaded', function() {

	document.querySelector('#raz6').appendChild(document.querySelector('#raz5 input'));

}, false);

[toyvo_glumov]

Денис: Спасибо, то что нужно.

Answer 2

[Николай]

Можно например подписаться на событие onload у объекта window.
window.onload = function() {};

Comments

[toyvo_glumov]

А как это целиком должно выглядеть?

[Николай]

toyvo_glumov: ну всё так же как у вас, то есть функция(правая часть) не меняется. А левая часть, где вы вешаете эту функцию на событие "onclick" поменяется на левую часть моего ответа.

[toyvo_glumov]

Николай:
Если я решу этот паззл, то осою жаваскрипт или к чему еще такие сложности, вам трудно скопипатить в готовом виде?

[Николай]

toyvo_glumov: вы программист или копирайтер?