Запуск скрипта после загрузки всех элементов страницы
 

Есть задача подключить скрипт на страницу после того как загрузятся все элементы. Я её попробовал решить так:

<div id="content">
        <h1>Главная страница</h1>
        <p>Testing site</p>
        <p id="testarea">Testing area</p>
        <div id="testingblock">
            <h3>Testing block</h3>
        </div>
    </div>
    <script>
        var testareap = $('#testarea');
        var scriptfile = 'script.js';
        var scripttag  = "<script src=" + scriptfile + "><" + "/script>";
        $("#testarea").click(function() {
            $("body").delay(3000).append(scripttag);
            $("body").delay(3000).append('<b> / тест обл </b>');
            // $('#testingblock').fadeOut(500).delay(3000).fadeIn(1000);
        });
        window.onload = function() {
        $("body").delay(10000).append(scripttag);
        $("body").delay(10000).append('<b> / скрипт </b>');
        }
    </script>

Всё работает, но не так как надо, указал задержку на срабатывание функций, а append срабатывает сразу, и при открытии страницы и при клике по тест блоку. Jquery подключен.

что вы хотите этой схемой добиться?

Хочу повесить обработчик на jivosite, но так как он подгружается динамически и в конец страницы, то по моему подключить этот скрипт немного позже и после блоков живосайта

jivo_onLoadCallback //Вызывается при завершении инициализации виджета JivoSite

https://www.jivosite.ru/api/

Этим и воспользовался, спасибо)
Но почему всё же delay и даже settimeout не срабатывают при onload?

desperate_one,
delay для анимаций, сеттаймаут видимо пытались поверх load оборачивать?