javacript 脚本的执行顺序

测试浏览器:firefox 3.0.10 Mozilla Firefox for Ubuntu canonical - 1.0

<html>
<head>
<script>
function $(id)
{
    return document.getElementById(id);
}
var o = $("text");
alert(o);
</script>
</head>
<body>
<script>
o = $("text");
alert(o);
</script>
<div id="text">output:</div>
<script>
o = $("text");
alert(o);
</script>
</body>
<script>
o = $("text");
alert(o);
</script>
</html>

前两个alert结果为null, 后两个为 object HTMLDivElement
可以说明js的执行以及html对象的解析生成是按其在脚本文件中的顺序进行的。在前面是无法操作后面定义的html标签的。
在<body>中加上onload=‘alert("onload "+$("text"))’
发现它是在最后一个弹出,说明onload是在整个html文档载入完成执行才执行的,而不仅是在body载入完成之后。

在比较如下两段代码:
1、
<script>
function a()
{
alert(b());
}
a();
</script>
<script>
function b()
{
return 1;
}
</script>
2、
<script>
function a()
{
alert(b());
}
a();
function b()
{
return 1;
}
</script>
代码段1执行错误,提示b没有定义,而代码2执行正常。
由此可以看出,虽然整个文档是一边解析一边执行的,但是,在同一个代码段内并不是这样,引擎会将这一段内的所有代码全部载入解析完成再执行。所以代码段2可以正确执行。

 

你可能感兴趣的:(javacript 脚本的执行顺序)