javascript - jquery 文档在 Javascript 中准备好了吗？

Question

我想将我的javascript代码放在head而不是body中，但是由于head在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);
}
}