看这样一个例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello World jQuery!</title>
<script type="text/javascript" >
alert("1,i can't control any html element");
</script>
</head>
<body>
<div id="divMsg">展示javascript在页面不同位置执行的顺序</div>
<input id="btnShow" type="button" value="2,i can control this element" />
<br />
<img src="http://img.mm-girl.com/photo/209/chenqiaoen-459209.jpg">
<script type="text/javascript" >
alert(document.getElementById("btnShow").value);
window.onload=last;
function last()
{alert("3，i will be executed after the loading of all the pictures ");}
</script>
</body>
</html>
第一个javascript函数是在任何dom结构都未加载时候执行的，第二个javascript函数是在dom结构加载完成时候执行的，此时图片等还未加载完成，第三个javascript函数是在所有图片都加载完成时候执行的。