jquery文件在Javascript中等效？

Question

我想将我的javascript代码放在head而不是body中，但是由于头部在html文档的body部分之前加载，因为所有选择器都未定义，我的代码变得无用。

在jquery中我可以使用$(document).ready来解决这个问题，但是我不想使用jquery，我想知道在javascript中是否有这个解决方案。

我试过了：

if(document.readyState === "complete") {/*my javascript code */}

和

window.onload = function(){/*my javascript code */}

但两者都不起作用，有什么建议吗？提前谢谢。

HTML：

<div id="section" onClick="shout()">test</div>

JAVASCRIPT：

window.onload=function(){
function shout(){
var str = document.getElementById("section").innerHTML;
alert(str);
}
}