测试浏览器：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可以正确执行。
411
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
