Большая часть минимальной и 100%-й работы

я выбрал ответ от PlainJS, и это хорошо работает для меня. Это расширяется DOMContentLoaded так, чтобы это могло быть принято во всех браузерах.

Эта функция является эквивалентом jQuery $(document).ready() метод:

document.addEventListener('DOMContentLoaded', function(){
    // do something
});

Однако в отличие от jQuery, этот код будет только работать правильно в современных браузерах (IE> 8), и он не будет в случае, если документ уже представляется в то время, когда этот сценарий вставляется (например, через Ajax). Поэтому мы должны расширить это немного:

function run() {
    // do something
}

// in case the document is already rendered
if (document.readyState!='loading') run();
// modern browsers
else if (document.addEventListener) 
document.addEventListener('DOMContentLoaded', run);
// IE <= 8
else document.attachEvent('onreadystatechange', function(){
    if (document.readyState=='complete') run();
});

Это покрывает в основном все возможности и является жизнеспособной заменой для помощника jQuery.