关于javascript语句的执行顺序

下面代码为什么最后执行

 $(document).ready(function f(){
alert("hello");
});
请各位大神指教,谢谢!!!
以下是源代码:
<html>
    <head>
    <meta charset="utf-8">
    <title>JQuery的基本语句</title>
</head>
<script type="text/javascript" src="WEB05_jQuery/js/jquery-1.11.0.js"></script>
<script>
$(document).ready(function f(){
alert("hello");
});
var tem=2;
alert(tem);
</script>
<body>
fdas
<script type="text/javascript">
var tem=1;
alert(tem);

</script>
</body>
</html>

ready是dom加载好再执行的事件,alert(tem)所在script也是dom,当然是执行完整个script才到dom ready事件