JavaScript 在页面加载过程中执行的顺序

看这样一个例子:

<!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函数是在所有图片都加载完成时候执行的。

posted on 2011-08-23 10:58  catvi  阅读(1340)  评论(0编辑  收藏  举报

导航